无论如何，将这种方法从Chris Coyier应用到手机：http://css-tricks.com/full-browser-width-bars/
我申请了
html {overflow-x: hidden;}
摆脱水平滚动条，但在iPhone上查看时。有一个水平滚动条。
您可以在此处查看该网站：http://www.revival.tv/turningpoint/
答案 0 :(得分：5)
尝试在页面的head标记中添加<meta name="viewport" content="width=device-width" />。
答案 1 :(得分：4)
尝试将其添加到body标签中。
body {overflow-x：hidden;}
答案 2 :(得分：0)
找到导致滚动条并摆脱它的东西。隐藏溢出-x对我来说似乎有些贴膏 - 如果你在第一时间做到这一点你就不应该这样做了。使用媒体查询可以设置不同屏幕尺寸的页面宽度。这意味着您几乎可以将内容包装在div中并将其宽度设置为不同的屏幕尺寸
答案 3 :(得分：0)
我发现初始比例属性会导致Safari崩溃，因为该网页包含嵌入式Google地图。 http://w.pat.tc
答案 4 :(得分：0)
使用此代码
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">