iPhoneのSafariでWebサイトの白い余白を取り除くにはどうすればよいですか？

Question

既存のサイトテーマ（ビルドしていないサイト）をモバイル対応のレスポンシブテーマに変換しました。それはDrupal 6のサイトです。

ほとんどのインテリアページでは、ちょっと右の白い余白がありますが、その原因を見つけることはできません。私は体の幅を100％に設定しようとしました。オーバーフロー-xをbodyタグに隠して設定し、すべてのdivを赤でアウトライン化して原因を見つけました。

モバイルSafariの右余白の原因を知っていますか？

ビューポートの設定：

http://nano.omnidev3.com/nanotech-101 

：このマージンは右

例内部ページcnn.comのように収まるのサイトとは異なりとして

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 

右側マージンは、スクロールバーのためではありません

（Googleのインデックスを避けようとしています。このデモサイトはではなく、私のコントロール下にあるです。ステージサイトがインデックスに登録されないようにしてください）。

Answer 1

これは申し訳ありませんが、それは嫌なHTMLの1つです。

<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;"> 

：デバイスの（論理的な）幅が320ピクセル（すなわちすべてのiPhoneが）その後、これをやっている場合20+ CSSは10+、JavaScriptを含み、div要素は、とにかく...深い

を10のレベルのネストされましたページを343ピクセル幅にして、白いエッジを与えます。特にない。

320pxまたは100%に設定してみてください。