我已将现有网站主题(我没有构建)转换为动态支持的响应主题。如果重要的话,这是一个Drupal 6网站。
我在大多数内页上都有一个微小的右边缘,我似乎无法找到罪魁祸首。我已经尝试将body宽度设置为100%,将overflow-x设置为隐藏在body标签上,并将所有div设置为红色以找到罪魁祸首。
您知道移动Safari上有任何正确边距的原因吗?
查看端口设置:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
右侧边距不适用于滚动条,因为此边距与适合cnn.com的网站不同
示例内页:
http://nano.omnidev3.com/nanotech-101
(试图避免谷歌索引。这个演示网站不在我的控制之下,所以我不能采取正常的措施来正确防止某个舞台网站被编入索引。)
答案 0 :(得分:0)
我很遗憾地说这个,但这是一个恶心的HTML。 20 + CSS包含10多个javascripts,divs嵌套10层......
无论如何,如果设备的(逻辑)宽度是320px(即所有iPhone),那么这样做:
<iframe src="http://meltwaternews.com/magenta/xml/html/93/2/v2_371253.html"
width="343" height="450" scrolling="no" frameborder="0"
allowtransparency="true" style="overflow-x: hidden;">
将使页面宽度为343px,从而产生白色边缘。没什么特别的。
尝试将其设置为320px
或100%
。