HTML 5-超过 1024 宽度的网页怎样在 ipad 上刚好满屏?

发布于 2017-05-19 01:49:34 字数 144 浏览 1262 评论 1

我自己写个1200宽度的div,在 ipad(竖着) 上是需要向左拖动一点才能看见右边的。

但是如京东也是1200多的宽度,却刚好两端卡齐 ipad。

我试过了,不是 meta(viewport)标签的作用。

是如何实现的呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

夜无邪 2017-07-10 15:21:12

viewport 有很多种写法,常见的比如 <meta name="viewport" content="width=device-width",这个时候,iPad 是按照 768 作为视口区宽度的,你有 1200 宽的 DIV 当然就会出现滚动了啊。我的问题是如果是为 iPad 设计的页面,为什么会有 1200 宽的 DIV 呢?

在 iPad 上实际测试 jd.com,它确实没有使用 viewport,当你不指定 viewport 的时候,移动设备都是按照 980 作为 viewport 的。jd.com 页面处理了这种情况了。它上面确实有超过 980 宽的元素,有一种是 990 的,但是 margin-right 为 -10,算过来还是 980。有几个广告是非常宽的,但是这些元素的容器已经处理了 overflow 了。如果你有 Mac 电脑,就可以连接上 iPad 调试页面,很方便的。这个截图是在 Safari 里面分析 jd.com 页面的:

为何无法上传图片?管理员同学在不?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文