0

私はこのサイトを PSD から作成しました。これらはすべて比較的初歩的な CSS です。モバイル デバイスとタブレットに不要な外側パディングがあります。サイトの左右の端をブラウザの端と同じ高さに合わせたい。約 20px の不要なパディングです。

私の開発サイトをご覧ください: http://america.82ndmedia.com/

コンテナ div の「margin: 0 auto」の削除をテストしたところ、修正されましたが、デスクトップで機能させるにはそれが必要です。

.container {
width: $w_total;
margin: 0 auto;
}

どんなヒントでも大歓迎です。ありがとうございました！

4

2 に答える 2

1

これは次のルールが原因です。

@media (max-width: 450px) {
   .header, .columns > .sidebar, .post_box, .prev_next, .comments_intro,
   .comment, .comment_nav, #commentform, .comment_form_title, .footer {
       padding-right: 13px;
       padding-left: 13px;
}

このルールを何らかの形で削除または上書きしてください。

于 2013-10-23T20:25:02.003 に答える
0

ピクセルの代わりにパーセンテージを使用することをお勧めします。これは、現在の設定が機能せず、レスポンシブデザインにハードコーディングされたピクセルを使用して維持するのが難しいためです。

たとえば、小さな画面ではメイン ラッパーがofにdiv class="container"設定されていますが(これはランダムに見えます) 、その内部にはofに設定されているような要素があり、明らかに収まりません。max-width717pxid="blog"width1020px

これらの内側の要素を外側のコンテナーのパーセンテージに設定すると、動作がはるかに簡単になり、本当にレスポンシブまたは流動的になります。

于 2013-10-23T20:31:39.157 に答える