2012-02-28 6 views
4

私は何年ものhtml/CSS経験をしており、最近はレスポンシブな世界を掘り起こし始めました。私は本を​​買って、多くのチュートリアルを読んだが、何か私を悩ませている。私はまだマージンを使用しない1つの例を見つけました:ウェブサイトのベースコンテナのために0の自動(ウェブサイトを中心にする)。これらは、例えば、すべての使用:レスポンシブルウェブデザインの中心にはありません

width: 90%; 
margin: 2% auto; 

私は何をしようとしていると、本体容器を中央に、ちょうど左に揃えていないウェブサイトを作るです。それで何らかの理由で、96%(または100%)の幅と数%の余白を使用すると、普通のように右端に伸びないので、常にビューポートの右側に配置します。

私は非常に論理的な何かを監督していますか?

乾杯!

+0

幅ない理由はありません:あなたが使用してマージンやパディングしていない場合は100%では動作しないはずですが。 –

答えて

1

これがあなたの質問に対する回答であるかどうかわかりませんが、テストケースを投稿することはできますか?それは、モバイルデバイスの場合は

それは時間を浪費されて、このスニペットを追加してみてくださいだ(iPhone例):

<meta name="viewport" content="width=device-width; initial-scale=1.0"> 

また、私は100%の幅を使用することをアドバイスして、何かのパディングを追加します2〜6%(あなたが注目している幅に応じて)。ここで

は応答デザイン(と素敵なデモ)のために非常に有用なリンクです:http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

+0

これを回答として確認します。それは良いチュートリアルのように見えます。また、100%のアドバイスに感謝! –

関連する問題