0

http://tcsdesignreno.com/zing-cards/のサイトをレスポンシブにプログラムしました。オンラインのレスポンシブ デザイン テスト サイト ( http://mattkersley.com/responsive/やhttp://beta.screenqueri.es/など) でチェックすると問題ないように見えますが、HTC Sensation で表示すると、 iPhone 5 または Galaxy 3 画面の右側が切り取られます。各電話で標準の Web ブラウザ、Safari、および Chrome を使用しました。AndroidフォンをPCに接続してデバッグしようとしましたが、問題が見つからないようです。

電話がこれを行う原因となる、ハードコードされたマージンや私が見つけることができる他のものはありません。

助けてくれてありがとう！

マット

4

2 に答える 2

0

最初に修正するのは、class="logos" の幅です。レスポンシブ デザインの場合、ブレークポイントと幅は理想的には em 単位で設定する必要があります。その要素の幅宣言を削除して、流動的にすることができます。

もう 1 つ注目すべき点は、Zing と Cards の画像にある負のマージンです。

于 2013-10-24T20:21:43.183 に答える
0

レスポンシブ テスト Web サイトを使用する代わりに、Web ブラウザーのサイズを小さくして、表示されるスクロール バーを確認するだけです。

スクロールバーに貢献していpadding: 0 20px;ます。<head>これに貢献している可能性のあるパディング/マージンについてCSSを熟読します（jbenjohnsonが負のマージンをチェックアウトしたように）。

于 2013-10-24T21:54:01.520 に答える