私はウェブサイト (summer-band.com) を構築しており、いくつかの要素の幅を 100% に設定してモバイル設定 (< 600px のブラウザー) を微調整しようとしています。残念ながら、これまでに行ったことでは、ヘッダー/コンテナーとナビゲーション バー、およびフッターがすべて異なる幅を放っているように見えます。これを自分で修正することはできないため、支援を求めています。 .
1 に答える
1
まず、メニュー:#navigation li aとにはパディングがあるため、ボックス モデルは目的#navigation li.current_page_item aの動作をしません。である必要があります。これはあなたの繰り返しの問題です。width100%widthauto
次に、ヘッダー: You haveは定数に設定されてい#headerImgます。メディア クエリでは、おそらくandを作成し、実際のを作成したいと思うでしょう。width600pxwidthheight autoimgwidth 100%
下に移動すると、メイン#boxにはwidthof100%と padding があります。ボックスモデルのため、これはおそらくあなたが望むことにはなりません。を作りますwidth auto。
さらに下に#footerは、displayofinline-blockとwidthof があり100%ます。displayおそらく、 toblockおよびwidthtoに変更したいと思うでしょうauto。
ほとんどはこれで終わりだと思いますが、Kickstarter のスクリーンショットで'sをarticle img'sに設定して明示的に削除することをお勧めします。動画の扱い方がよくわかりません。ごめん。max-width100%widthiframe
最後のコメント:適切な s を使用するのではなく、brs と空のタグを使いすぎているようです。pmargin
于 2013-05-18T23:51:41.227 に答える