css3 - 求教個問題,關于響應式布局,跟ipad有關,媒體查詢失效？

問題描述

大家好，我說下我的情況。ipad的像素是1024*768，我使用媒體查詢@media only screen and (max-width:1024px) {css代碼}為何在谷歌瀏覽器模擬后,css代碼正確執行, 而在ipad設備上運行卻無效？還是說有其他更好的方法能讓一個頁面在ipad上瀏覽的時候,就能適應ipad的寬度？謝謝！

問題解答

查了一下，我的錯誤。應該使用min/max-device-width/height來解決。

加上這句就夠了，不用max-device-width/height:

<meta name='viewport' content='width=device-width, initial-scale=1.0'>