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'>