hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

表示サイズにご用心

就活でポートフォリオを提出してくださいとのことで、

準備していたら、

あるページだけサイズがおかしい(小さい)ことに気づいた。

 

ん?

どっかフォント間違ったかな?

margin??

他のページなどと比較して色々調べるが、

どうも、

検証ツールによると、

Mainのサイズが違うらしい・・・

 

しかし、

CSSのデータはあってるし・・・

 

結論。

画面表示がそのページだけ100%になっていなかっただけだった。

 

なんともお粗末な。

無駄な時間をかけてしまった。

 

普段から細かい字が見えにくいので、

画面を大きくズームしている癖があるので、

要注意だと悟った。

 

しかし、

あるあるな気もするので、

画面の表示を変更している癖のある方は、ご用心を。

div の切れ目に注意しよう

HTML&CSSで作ったポートフォリオサンプルが、

どうも 中央(Body)が、

設定値も、margin なども合っているのに、

全体に広がってしまう・・・。

 

よおお〜〜〜〜〜〜く調べると、

htmlファイルの div id = page 

の切れ目( /div ) が head までで切れてしまっていて、

肝心の中身( body )にはすでに関係が切られてしまっていた。

 

なんとなく、流れでコードを書いていると、

div ~ /div  で切れ目を忘れないように書こうとする余り、

直後の段落で切ってしまいガチだと気づいた。

 

内容をよく考えて、

どこまでが、インデントを一つ下げて書くのかを

認識しながら書くことが大切だ。