文章詳情頁
css3 - 求教個問題,關于響應式布局,跟ipad有關,媒體查詢失效？
瀏覽：171日期：2023-07-22 10:58:03
問題描述
大家好，我說下我的情況。ipad的像素是1024*768，我使用媒體查詢@media only screen and (max-width:1024px) {css代碼}為何在谷歌瀏覽器模擬后,css代碼正確執行, 而在ipad設備上運行卻無效？還是說有其他更好的方法能讓一個頁面在ipad上瀏覽的時候,就能適應ipad的寬度？謝謝！
問題解答
回答1：查了一下，我的錯誤。應該使用min/max-device-width/height來解決。
回答2：加上這句就夠了，不用max-device-width/height:
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
標簽：
CSS
排行榜
網公網安備