我将div设置为width: 100%
。当我最初在iphone的纵向视图中加载它时,元素宽度在480px
处上升。
关于这一点的奇怪之处在于,当我在加载时控制记录宽度时,我得到320px
。此外,如果我手动将方向更改为横向,然后再返回到纵向,则元素将获得正确的大小调整。
我已经尝试了一些对meta视口标记的建议,但似乎没有任何效果。这是当前的标签信息:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1, minimal-ui">
此外,当我在初始加载后更改缩放时,元素会获得正确的大小调整。
有关如何在初始加载时获得正确尺寸的任何建议吗?
答案 0 :(得分:0)
我打算删除这篇文章,但是由于有人投票支持我,我想我会提供答案。问题是这个元素有position: fixed
。我只是在移动设备上为媒体查询添加了position: absolute
,现在它正常运行。 :)