人気ブログランキング | 話題のタグを見る

<超初心者> レスポンシブデザインで右側に余白ができる。を解決!

スマホやPCでホームページを見るレスポンシブデザイン。
どうも右側に余白が出来ていたのですが解決しました!

早い話が"wrapper" にcssで『overflow: hidden;』の一行を加えるだけでした。

下記にhtmlとcssを記載しております。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー-------------------------
<html>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
ーーーーーーーーーーーーーーーーーーーー
<div id="wrapper" >******</div>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー-------------------------
<css>
#wrapper {
text-align: center;
overflow: hidden;
}
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー-------------------------
text-align: center; は臨機応変に記述してください。

超初心者の自分にはレスポンシブデザインの課題が山積みです。
ゆっくりホームページを構築してゆきます。








by bebean | 2018-11-10 16:35 | デザイン

おおよそ週間備忘録 (C)m.izuta


by PayPayご入金QRコード。 貴方の寄付で運営しております
カレンダー
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31