WordPressのテーマは一周回ってTT4が良いのかもしれない。デフォルトテーマだし。ただ、日本語フォントに適したfont-sizeではないから100%修正が必要なのが悩ましい。

CSSの基本書式 willcloud.jp/knowhow/whats_… ☑️セレクタ （h1、pなどの要素やid、classなどの属性名） ☑️プロパティ （font-sizeやbackground-colorなど） ☑️値 （24px、1.5em、100%など） ↓参考記事↓ #Web制作

font-sizeでvwを使用 ・画面幅に連動(可変)させつつ可読性を確保 ・clampで最大・最小値を指定 ・レイアウト全般に使うのは難しいので、font-sizeなど一部に使用 ・レスポンシブの手間が省けることも ex) 横幅1440pxの時に20pxとして可変 font-size: clamp(12px,(20/1440)*100vw,24px);

view_port_width_offset = round( minimum_viewport_width['value'] / 100, 3 ) . font_size_unit; これってつまり、最小のビューポートサイズ、320を100で割ってるから、3.2 (=1vw)　で、3.2rem ってことになりますかねってそれっておかしいなおい。

とあるサイトのcssでhtmlのfont-sizeに calc(100 / 750 * 1vw)を指定し（要はウインドウ幅750px時は1rem=1px）各要素には16rem、とか28remとか指定してフォントサイズをレスポンシブ対応にしているのを見かけました。remを思い切ったちっさい単位として扱うの、面白いですね。

#CodeUps 🆙 ☑️Notionで記録していた内容の復習 ☑️アスペクト比の計算方法の確認 @include mq(sm) { font-size: (16 / 375) * 100vw; } こういうのをつかいこなせるようにしていきます 今日は以上です🐈‍⬛

返信先:@kyo_mizuki1120<div align="center"><font style="font-family:'HGP創英角ﾎﾟｯﾌﾟ体',Arial,'ＭＳ Ｐゴシック',Osaka,sans-serif;color:#ff00ff;background-color:#FFD1E4;font-size:100%;">さくらもち</font></div> こうですかわかりません

CSSの基本書式 willcloud.jp/knowhow/whats_… ☑️セレクタ （h1、pなどの要素やid、classなどの属性名） ☑️プロパティ （font-sizeやbackground-colorなど） ☑️値 （24px、1.5em、100%など） ↓参考記事↓ #Web制作

<font style="font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif;font-size:100%;"><font style="color:#　EAC5FF">本</font><font style="color:#　CACAFF">日</font><font style="color:#　C5DCF7">更</font><font style="color:#　BFEEEE">新</font></font>

CSS小技✨ media queryやclampを使わずfont-size可変🎶 html { font-size: calc((100vw - 320px) / 140 + 16px); h1 { font-size: 2rem; h2 { font-size: 1.5rem; h3 { font-size: 1.2rem; p { font-size: 0.9rem; #Codejump #Web制作 #デイトラ pic.twitter.com/wDQ2OvQj2y

/* 動画再生時の上部文字部分 */ /* 枠の透明度は 0.8 の部分 1 から 0.1 まで 1 が濃く 0.1 が薄い */ /* 文字は老眼仕様 戻すなら font-size の行を削除 */ #videoDialogDescription { background-color: rgba(192, 192, 192, 0.8) !important; color: #000001 !important; font-size: 100%; }

clampのメモ 最小値最大値をremで書いて、理論値(その中間)をvwを使って書くと、動的にフォントサイズ(など)を変更可能。 ～vwだけで書いた場合～ font-size: 2vw; →1600pxの幅の場合、1600 / 100 * 2 = 32px。 　800pxの幅の場合、800 / 100 * 2 = 16px 　400pxの幅の場合、400 / 100 * 2 =…