表示サイズにご用心
就活でポートフォリオを提出してくださいとのことで、
準備していたら、
あるページだけサイズがおかしい(小さい)ことに気づいた。
ん?
どっかフォント間違ったかな?
margin??
他のページなどと比較して色々調べるが、
どうも、
検証ツールによると、
Mainのサイズが違うらしい・・・
しかし、
CSSのデータはあってるし・・・
結論。
画面表示がそのページだけ100%になっていなかっただけだった。
なんともお粗末な。
無駄な時間をかけてしまった。
普段から細かい字が見えにくいので、
画面を大きくズームしている癖があるので、
要注意だと悟った。
しかし、
あるあるな気もするので、
画面の表示を変更している癖のある方は、ご用心を。
div の切れ目に注意しよう
どうも 中央(Body)が、
設定値も、margin なども合っているのに、
全体に広がってしまう・・・。
よおお〜〜〜〜〜〜く調べると、
htmlファイルの div id = page
の切れ目( /div ) が head までで切れてしまっていて、
肝心の中身( body )にはすでに関係が切られてしまっていた。
なんとなく、流れでコードを書いていると、
div ~ /div で切れ目を忘れないように書こうとする余り、
直後の段落で切ってしまいガチだと気づいた。
内容をよく考えて、
どこまでが、インデントを一つ下げて書くのかを
認識しながら書くことが大切だ。