イムメイキン友人のために携帯サイトを取得している - とイムは、どのスマートフォンでそれを見たときに複数のモバイル感のために彼女のウェブサイトを調整するためにメディアクエリを使用して。私の携帯サイトは、水平スクロール
ウェブページでimと同じように感じますが、携帯電話で見るとiphone 3gsとhtc incredbile Sのように水平方向に2〜3ピクセルスクロールできます。 いくつかの要素は、これを乱用していて、それがどれであるかを実際に知ることができないので、白髪が増えています。
どうすれば解決できますか？
Webページのリンク
は、Chromeのインスペクタで簡単に見ていたし、それはこの性質だように見えます：スタイルresponsive.cssの
div.entry {
padding: 0em 1em;
}
ライン106 - それは押しています内容はちょうど幅が数ピクセルで、padding: 0 0.8em;に変更されました。
ああ、ちょうど記録のために、それは垂直にではなく水平にスクロールしています！
後で参照できるように。 問題の原因を調べる方法を指摘したいと思います。 Google Chrome Device Modeを使用してサイトを開きます。次に、問題が存在するかどうかを確認します（このソリューションは、デバイスモードで表示される問題に依存します）。次に、ヘッダ、コンテンツコンテナなどのより大きな要素から順に要素に「display：none」を設定し始めます。不要なスクロール可能性が解消された場合は、各要素を隠してからチェックします。このようにして、問題の原因を突き止めることができます。
私は同じ問題を抱えていて、最初はすべての要素のCSSコードを見て原因を特定しようとしましたが、多くの時間を無駄にして原因を見つけられませんでした。おそらくブラウザは人間の読書CSSよりもページをよりよくレンダリングすることができます...
ああ - 私の悪いです。私は水平に意味した。 私は値を置き換えようとしました...まだ私の電話で数ピクセル水平方向にスクロールすることができます:( – Fruxelot