我差不多完成了一个新网站的设计。该网站在桌面，iPad（纵向和横向）上看起来不错，但在iPhone的某些标题的右侧裁剪。我添加了
body {
overflow-x:hidden;
min-width:360px; }
这修复了标题的裁剪 - 但该网站仍然在320px宽度的iphone上打开，你必须缩小以缩小以查看从右侧裁剪的部分。
通过重新调整窗口大小，可以在桌面浏览器上演示此问题。页面的响应内容按比例缩小，然后在最后一刻突然停止缩放，而是裁剪页面的右边缘。
我还将视口设置如下：<meta name="viewport" content="width=device-width, initial-scale=1.0; maximum-scale=1.0;"/>
不确定其他代码会有用。以下是该网站的链接：链接到网站已删除
我认为问题是我有一个大的100px标题字体，可以适合360px宽度但变成320px裁剪。我尝试使用vw来缩放标题 - 这是有效的，但我更喜欢较小屏幕上较大字体的外观，而不是缩放字体。有没有办法强制iPhone打开360px宽度而不是320px的页面？
答案 0 :(得分：0)
我只有两个想法来解决这个问题..
首先，尝试使一些标题更小..
第二个（主要），我没有得到响应式图像，但我不知道，尝试：img {max-width: 90%; height: auto;},应该有效。 ：）