我有一个固定宽度的布局,它的视口(viewport)属性设置为:
<meta name="viewport" content="width=device-width">
因此,即使我的固定布局宽度比设备宽度宽,我也希望呈现的页面适合设备宽度。
我知道 initial-scale=1
属性,但我不需要它,因为我的布局不流畅。
我的问题是,为什么当页面内容的高度不足以滚动时,width=device-width 在移动 safari 上不起作用:
...当内容的高度足够长以至于您必须滚动时它会起作用:
PS:我知道在两个页面上放置 width=my-fixed-width 甚至删除所有视口(viewport)设置应该可以解决问题。我的问题是为什么会出现上述情况?
最佳答案
HTML 和 CSS 是很奇怪的东西。 似乎规则“宽度 > 高度”在起作用
关于javascript - "width=device-width"并不总是适用于移动 safari 的固定大小布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26544185/