記事へのコメント43

    • 注目コメント
    • 新着コメント
    inamiya115
    call

    その他
    microgravity
    “ width: 50vw; height: 50vh;”

    その他
    debumeshi
    “この小さすぎる、大きすぎる問題を解決するシンプルな方法があります。 文字のサイズに最小”

    その他
    nobodyplace
    “calc(18px + 0.25vw)”

    その他
    kazutan711
    やっとみつけた。これ試そう。

    その他
    nochiu74
    web

    その他
    nknkt
    これはすごい、あとでやる

    その他
    pinelike
    サイト作成で一列の文章を左寄せで組んで画面の両端に揃える際にスマホの大きさによってばら付きが出て非常に難しいと感じたけれどもCSSの「font-size:calc」での「vw」の設定によって相当に打開できそうで、凄い。

    その他
    drunkmotty
    ]

    その他
    minasera
    メディアクエリ書かなくていいとかアツイ…

    その他
    HM_naoto
    先日コピペで実装しちゃったから、ちゃんと読んで理解します

    その他
    kakei
    font-size

    その他
    ririri3335
    めも

    その他
    taky1973
    caniuse で 'calc' 調べたら不安要素多そうなので、当面メディアクエリーでの切り替えでいくのが無難そう。

    その他
    jislotz
    去年これやったら古いAndroidのブラウザで表示が変って言われてJavaScriptでルートのフォントサイズをセットして子要素のフォントサイズは単位remで指定した。

    その他
    minimum_sho
    文字サイズの指定

    その他
    hedeyoshi
    こういう計算を考えるのは難しいけれどうまくいくと気持ちいいんだろうな。いい使い方だと思う。

    その他
    uretaro
    html { font-size: calc(112.5% + 0.5vw) } でまとめて指定。使えたらすごく楽になるね

    その他
    coco5959
    レスポンシブ対応の文字サイズを指定するこれからのテクニック | コリス: 本文や見出しなどの文字サイズをスマホ時やデスクトップ時で変える時、通常はMedia…

    その他
    travel1shop
    レスポンシブ対応の文字サイズを指定するこれからのテクニック

    その他
    designwao
    レスポンシブ対応の文字サイズを指定するこれからのテクニック | コリス: 本文や見出しなどの文字サイズをスマホ時やデスクトップ時で変える時、通常はMedia…

    その他
    Fushihara
    cssはどんどん単位が増えるなあ

    その他
    peketamin
    文字の拡大縮小はブラウザに任せたい…表現のためにあってもいいとは思うけど…

    その他
    rexy
    rexy もはやプログラミングの域だな

    2016/03/23 リンク

    その他
    s99e209
    Viewport Unit(ビューポートの単位)初めて知った。これうまく使いこなせればフォントサイズ指定に関してはわずかなコードで済みそうだ。

    その他
    shintarowfresh
    こんなの教えてくれないと気がつかないよ。すごいよ、便利だよ。

    その他
    japanitnt
    レスポンシブ対応の文字サイズを指定するこれからのテクニック | コリス: 本文や見出しなどの文字サイズをスマホ時やデスクトップ時で変える時、通常はMedia…

    その他
    tpex_ovon
    やばいむずかしいプログラミングか

    その他
    gamenou
    フォントサイズ

    その他
    sho_yamane
    vwってフォントサイズにも使えるのか

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック!
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    CSSのvw, calc()を使用した、レスポンシブ対応のフォントサイズを指定するこれからのテクニック

    文や見出しなどのフォントサイズをスマホ時やデスクトップ時で変える時、通常はMedia Queriesでスクリ...

    ブックマークしたユーザー

    • okishima_k2022/05/04 okishima_k
    • kiyotune2022/01/31 kiyotune
    • extra_number2022/01/31 extra_number
    • route_haduki2021/08/23 route_haduki
    • inamiya1152021/06/14 inamiya115
    • kyaraway2020/02/19 kyaraway
    • knbhsk2020/02/12 knbhsk
    • clea00002019/10/09 clea0000
    • mayaxxx11012019/09/27 mayaxxx1101
    • microgravity2019/08/15 microgravity
    • kikiki-kiki2019/08/07 kikiki-kiki
    • tsubasa1232019/06/24 tsubasa123
    • justsay692019/03/13 justsay69
    • debumeshi2019/02/10 debumeshi
    • nobodyplace2018/12/22 nobodyplace
    • sky-graph2018/12/12 sky-graph
    • gyampy2018/11/06 gyampy
    • mut00tum2018/10/16 mut00tum
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事

    いま人気の記事 - 企業メディア

    企業メディアをもっと読む