HTML/CSS, トラブルシューティング

CSS スマホ時の画面端に余白が発生する

 

レスポンシブのハンバーガーメニューなどで、スマホ時に余白が発生したり、メニューが余白にはみ出てしまっている場合にすぐに対応可能な力技

 

 

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
</head>
<div class="wrapper"> ←追加
<body>

(略)

</body>
</div><!-- /.wrapper --> ←追加

</html>

 

 

CSS

.wrapper {
	overflow: hidden;
}

 

 

Amazonおすすめ

iPad 9世代 2021年最新作

iPad 9世代出たから買い替え。安いぞ!🐱 初めてならiPad。Kindleを外で見るならiPad mini。ほとんどの人には通常のiPadをおすすめします><

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)