求教个问题,关于响应式布局,跟ipad有关,媒体查询失效？

Question

大家好，我说下我的情况。
ipad的像素是1024*768，我使用媒体查询
@media only screen and (max-width:1024px) {css代码}
为何在谷歌浏览器模拟后,css代码正确执行, 而在ipad设备上运行却无效？
还是说有其他更好的方法能让一个页面在ipad上浏览的时候,就能适应ipad的宽度？谢谢！

Answer 1

查了一下，我的错误。应该使用min/max-device-width/height来解决。

Answer 2

加上这句就够了，不用max-device-width/height:

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