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

 欣欣大妮 发布于 2022-11-05 19:10

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

2 个回答
  • 加上这句就够了,不用max-device-width/height:

    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    2022-11-10 11:18 回答
  • 查了一下,我的错误。应该使用min/max-device-width/height来解决。

    2022-11-10 11:35 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有