【レスポンシブデザイン】右に余白ができてしまう!? HTML 知識Z(ゼータ)

トップページHTML >【レスポンシブデザイン】右に余白ができてしまう!?

【レスポンシブデザイン】右に余白ができてしまう!?

Date:2014/10/08
Category: HTML


よしっ!レスポインシブ対応完了!と一安心したところ、画面右に余白が出来てしまっていました。数十ピクセルだけ横にスクロールできる感じですね・・・。どうしましょう・・・。

まずは、viewportの確認。

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
OKでしょうか? 次は、wrapper(かこんでなければbodyでOKです)に対して、
overflow: hidden;
を追加してあげましょう!他のコーディングが合っていれば多分これでOKじゃないですかね。 paddingやmarginなどの余計なものがある場合は、もちろんですが直してくださいね。


【レスポンシブデザイン】 右に余白ができてしまう!? の関連記事

No related items.

コメント

No comments yet

コメントする




次項 【レスポンシブ】google mapやyoutubeのタグをレスポンシブ化
前項 【html】レスポンシブでないPCサイトをスマホで等倍のデザインで表示させたい

知識Z(ゼータ)トップへ
モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2014-10   >
   1234
567891011
12131415161718
19202122232425
262728293031 

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:0 人
投稿記事数:286 件
19709495