调整 window 大小时，网站会缩放，但随后开始从右侧裁剪
When resizing window, site scales but then starts to crop off the right side
我几乎完成了一个新网站的设计。该站点在桌面 iPad（纵向和横向）上看起来不错，但在 iphone 上某些标题的右侧被裁掉了。我加了
body {
overflow-x:hidden;
min-width:360px; }
这修复了标题被裁剪的问题 - 但该网站仍然在 iphone 上以 320 像素的宽度打开，您必须捏合以缩小才能看到从右侧裁剪的部分。
此问题也可以通过 re-sizing 和 window 在桌面浏览器上显示。页面的响应式内容按比例缩小，然后在最后一分钟突然停止缩放，而是裁剪页面的右边缘。
我也有视口设置如下：<meta name="viewport" content="width=device-width, initial-scale=1.0; maximum-scale=1.0;"/>
不确定还有哪些其他代码有用。这是 link 网站的原样：link 网站已删除
我认为问题是我有一个 100 像素的大标题字体，刚好适合 360 像素的宽度，但在 320 像素处被裁剪。我尝试使用 vw 来缩放标题 - 这可行，但我更喜欢小屏幕上较大字体的外观，而不是缩放字体。有没有办法强制 iphone 打开宽度为 360px 而不是 320px 的页面？
我只有两个想法可以解决这个问题..
首先，尝试将一些 headers 变小..
second(main)，我认为您没有响应式图像，但我不知道，请尝试：img {max-width: 90%; height: auto;}, 应该可以。 :)
我几乎完成了一个新网站的设计。该站点在桌面 iPad（纵向和横向）上看起来不错，但在 iphone 上某些标题的右侧被裁掉了。我加了
body {
overflow-x:hidden;
min-width:360px; }
这修复了标题被裁剪的问题 - 但该网站仍然在 iphone 上以 320 像素的宽度打开，您必须捏合以缩小才能看到从右侧裁剪的部分。
此问题也可以通过 re-sizing 和 window 在桌面浏览器上显示。页面的响应式内容按比例缩小，然后在最后一分钟突然停止缩放，而是裁剪页面的右边缘。
我也有视口设置如下：<meta name="viewport" content="width=device-width, initial-scale=1.0; maximum-scale=1.0;"/>
不确定还有哪些其他代码有用。这是 link 网站的原样：link 网站已删除
我认为问题是我有一个 100 像素的大标题字体，刚好适合 360 像素的宽度，但在 320 像素处被裁剪。我尝试使用 vw 来缩放标题 - 这可行，但我更喜欢小屏幕上较大字体的外观，而不是缩放字体。有没有办法强制 iphone 打开宽度为 360px 而不是 320px 的页面？
我只有两个想法可以解决这个问题..
首先，尝试将一些 headers 变小..
second(main)，我认为您没有响应式图像，但我不知道，请尝试：img {max-width: 90%; height: auto;}, 应该可以。 :)