問(wèn)題描述

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

問(wèn)題解答

查了一下，我的錯(cuò)誤。應(yīng)該使用min/max-device-width/height來(lái)解決。

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

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