CSS・文字サイズのレスポンシブ・最大値を固定したい

メディアクエリを使わず設定できるというcolissさんの下記URLを参考に、
スマホでもPCでもちょうどいい文字のサイズになるよう、CSSで設定を行いました。
https://coliss.com/articles/build-websites/opera …


@charset "UTF-8";
/* CSS Document */

html { font-size: calc(112.5% + 0.5vw) }


body {
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 160%;
}

これでスマホもタブレットもOKなのですが、PCでは文字が大きすぎます。
文字の最大値を固定するには、これに何を加えればいいのでしょうか？

No.2 回答者： umioyo 回答日時： 2018/04/05 18:49

あ、すいません。

使わずにってご相談でしたね（汗）

No.1 回答者： umioyo 回答日時： 2018/04/05 18:48

一つで無理やり完結しようとせず、Media Queriesを使えばいいのではないでしょうか。

@media (min-width: XXpx) { font-size: XXpx; }

この回答へのお礼

ありがとうございます。
やはりメディアクエリを使うしかないのでしょうか。
単純にできたらな〜なんて。

お礼日時：2018/04/07 14:32