我的媒體查詢工作在我的iphone上，但不是在瀏覽器上調整大小

Question

當我在我的iphone上查看我的網站時，它看起來像我計劃，但是，當我調整我的瀏覽器來檢查css更改更快，我看不到媒體查詢對其產生影響。

我的CSS我的響應式設計的部分開始瞭如：

@media screen and (min-device-width : 320px) and (max-device-width : 480px) { 

/*style*/ 

} 

然後我有我的頭標記以下與鏈接的樣式表一起

<meta name="viewport" content="width=device-width, user-scalable=no"> 

誰能幫助我在這裏？謝謝 - www.joewinfield.net/portfolio

Answer 1

在媒體查詢中使用min-width而不是min-device-width。當然，max-device-width也是如此。

min-device-width指的是顯示器的分辨率（例如1024×768的1024），而min-width指的是瀏覽器本身的寬度。

使用min-width而不是min-device-width通常是更好的方法。