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

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

| by 優

 

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

 

HTML

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

(略)

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

</html>

 

 

CSS

.wrapper {
	overflow: hidden;
}

 

 

関連記事 - More from my site -

コメントを残す

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

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