前提・実現したいこと
WEBサイトのコーディング模写をしております。
テキストエディタはSublime Textを使用しています。
HTMLとCSSの入力を全て完了しChromeのデベロッパーツールで
確認すると、自分が模写したほぼ全ての要素の横幅と高さが
模写サイトと異なります。
模写サイトの横幅と高さを一致させる方法をご教示いただけないでしょうか。
発生している問題・エラーメッセージ
模写サイトのある要素のComputed
width 1486.5px
height 489.984px
自分が入力した同じ要素のComputed
width 1821.6px
height 570.375px
模写サイトのurl
http://icedog.xsrv.jp/portfolio6/
入力コード
htmlのコード
cssのコード
- {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
margin: 0;
background-color: #FAFAFA;
width: 100%;
}
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
margin: 0;
background-color: #FAFAFA;
width: 100%;
}
試したこと
模写サイトのHTMLとCSSをコピーしても
同じ現象が発生しました。
回答2件
あなたの回答
tips
プレビュー