Q&A
googleのデベロッパーツールからmarginの設定等が確認できます。
お確かめください。
背景画像の下に謎の余白が出来ます。
解消の仕方をご教示いただきたいです。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 <link rel="stylesheet" href="style.sheet/style.css"> 9</head> 10<body> 11<div class="top-wrapper"></div> 12<div class="message-wrapper"> 13 <h1>旅に出よう。</h1>
css
1body{ 2 font-family: serif; 3 margin: 0; 4 padding: 0; 5 } 6 7.top-wrapper{ 8 background-image: url(../image/main_visual_13-0x0.jpg); 9 background-origin: ; 10 display:block; 11 height:1200px; 12 background-size:cover; 13 } 14
回答1件
0
ベストアンサー
ブラウザ固有のCSSが効いているのだと思います。
reset.cssを導入してみてはいかがでしょうか。
https://webdesign-trends.net/entry/8137
投稿2019/12/23 01:56
総合スコア1679
あなたの回答
tips
プレビュー
