あじちゃんのブログ。備忘録。

〜SEもOLなんですかね?

CSS

レスポンシブデザイン - vw, vh

CSS

メディアクエリで書いていた文字サイズ指定をビューポート幅で指定する ビューポートとは ビューポートとは、webブラウザ等でコンテンツが表示される「表示領域」のことを指す。 PCの表示サイズは最近はフルHDの1920×1080が多く、スマホであればiphone端末ご…

display:flex と<li>でちょっと困ったやつ

liタグに display:flex をつけたらマーカーが消えちゃう ↓みたいな要素を横並びにしたくてスタイルを当てていたんだけど <ul> <li> <h3>hogehoge</h3> <div> <input type="button" value="button"/> </div> </li> </ul> ul { list-style: square inside; } li { display: flex; align-items: center; } input { margin-left: 10px; } こん…

<font size="-1"> とか言われたときに styleに直す方法(考え方)

CSS

お客さんから送られてくる、「こんな感じでよろしく!」のHTMLに毎回 <font> タグが入ってきて文字サイズ合わせるのに手間取っていたので防備録。 FONTタグとfont-sizeプロパティの相関 FONTタグ→font-sizeプロパティ xx-small→font size=1 x-small→font size=2 sm</font>…