<超初心者> レスポンシブデザインで右側に余白ができる。を解決!
2018年 11月 10日
スマホや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
| デザイン