css

css

【css】calc()で算出したフォントサイズはIE(Edge)での表示が狂う【備忘録】

レスポンシブでフォントサイズを変えたいとき、 calc(% + vw)の計算はIEとEdgeでは正確な表示が出来ない。 ので、calc(% + vw)ではなく、calc(em + vw)で記載。 ※「rem」でも可。 fon...
css

【CSS】高さ可変Footerの下部固定【備忘録】

レスポンシブ対応することでfooterの内容が改行した、等によって高さが固定しない場合、footerを最下部に表示する。 ※普段から適用するようにしておけば楽なのかも。 html <body> <div class...
css

【CSS】レスポンシブでの改行制御【備忘録】

折り返したくない文節があり、レスポンシブで改行を制御したい場合のcssの書きかた。 この場合、 ◆html <p> <span class="text">あのイーハトーヴォの</sp...
css

【CSS】要素の上下中央寄せ

何度も引っかかってるので備忘録。 ◆上下中央寄せ、テキストの場合 上下中央寄せをしたいテキストを内包しているブロックへ display: flex; を適用し、Flexコンテナ化。 次に内包テキスト(Flexアイテム)...