-
1:ID:mY2X8p · 2020-08-11

メインビジュアルのコピーのフォントサイズに、
font-size: calc(48px + 138 * ((100vw - 500px)/ 2500));
このように複雑に指定しているサイトがあったのですが、これは手動で計算してやっているのでしょうか?何かそういうツールがあるのでしょうか?
著名な制作会社のサイトだったので、意味があるんだろうなと。

8 件の回答

2:ID:uujlG1 · 2020-08-11

ちょっと質問の意味がわからないけど、計算はブラウザに任せてるので手動ではしてないよね

3:ID:vvTY99 · 2020-08-11

いくつかの画面サイズで最適と思われるフォントサイズでレイアウトし、そこから逆に式を導き出したものと思われる。漸化式?

4:ID:vX5zVS · 2020-08-11

scssで関数を定義している

5:ID:Ivx.qL · 2020-08-11

まぁ、高い確率で、sassとかstylusとかだろうね

6:ID: · 削除
7:ID: · 2020-08-12

Re:3
私もそうだと思うのですが、バリバリ文系なのでどうやって式を導き出したのか想像もつかないです。。。

8:ID: · 2020-08-12

Re:2
すんません。日本語が変で。そういう話ではなく。
制作時に「文字をこのサイズ感を基準に可変的に表示したい」っていう狙いがあると思うのですが、
そこからどうやってこの複雑な式を導いたのか気になったという内容です。

9:ID: · 2020-08-12

あ、なんかこの記事とか疑問を解決してくれそうでした。一応はっておきまつ
https://note.com/nomen_machine/n/n089fae61dd00

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る