CSS @Media for iphone和其他設備？

Question

我試圖讓我的自適應網站上時，iPhone或iPad例如...我的CSS文件在這裏掛「迴應」 - http://uximag.com/styles.css

所有響應的風格是在樣式表的底部。它在桌面上工作正常，但當我去iPhone時它不起作用？

請讓我知道，我已經嘗試了一些方法，似乎無法弄清楚。

Answer 1

JimmyRare的評論是一個不錯的評論。將你的最大寬度設置得更小（對於iPhone5，最大寬度爲640px），當它縮小時它應該適用於你的iDevices和你的瀏覽器。

另一種方法是在HTML文檔中設置代碼，這不太理想，因爲它將HTML編寫與樣式結合在一起，但它還有一個額外的好處，即可讓您定位屏幕分辨率的寬度，而不是瀏覽器寬度：

<link rel="stylesheet" media="screen and (min-device-width: 640px)" href="640.css" />