• はてなブックマーク
  • テクノロジー
  • 【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita
  • Twitterでシェア
  • Facebookでシェア

【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita

テクノロジー カテゴリーの変更を依頼 記事元:qiita.com/degudegu2510
適切な情報に変更
465users がブックマーク コメント 28
    共有

    • 記事へのコメント28件

    • 注目コメント
    • 新着コメント
    その他
    otchy210
    フォントをベースとした単位の拡充っぷりに狂気を感じる…と同時に、漢字の事なんかろくすっぽ考えてないくせして、と感じる思いが交錯する。

    その他
    kako-jun
    フォントサイズを指定する単位remと、商を返す関数rem()とで、remのググラビリティが下がってる……

    その他
    nekonyantaro
    実装によって見え方が違ったり最悪、要素同士が重なり合って訳のわからないサイトが出来あがる気しかしない。（悲観論）

    その他
    securecat
    CSS以前に、デザインする時にこんな単位脳でやってるだろうか？

    その他
    spark7
    viewport関係は追う気も失せたな。いつか必要になったら泥縄で調べる。

    その他
    rochefort
    分かりにくいなぁ。ベストプラクティスどこ

    その他
    nilab
    「Dynamic viewport が追加されたり、math 関数が追加されたり」「calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります」

    その他
    shingo-sasaki-0529
    比較的新しい中で、これから積極的に使っていくであろう単位はやっぱり dvw/dvh かなぁ。結局ほしいのはコンテンツを描画できる範囲全体のサイズなので。

    その他
    mtom029
    “Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと

    その他
    kiyo_hiko
    ついていけません！

    その他
    Lhankor_Mhy
    ex とか ch は、すでにレベル3にもあった。レベル4で追加されたのは、rex や rch などのルート基準の相対単位の方。/ mix() がちょっと興味深い。CSS variables と組み合わせるのかな。

    その他
    glizmo
    reactでページ内リンク作るときに位置がブラウザごとにずれて面倒だったのでdynamic view portは便利そう https://caniuse.com/viewport-unit-variants

    その他
    toblog
    lh は便利そうな気がする。

    その他
    soratomo
    新しもの好きとしては積極的に取り入れたいけど、制作の仕事ではレガシーな安全パイて済ましてしまうのです。いやはや。

    その他
    inazuma2073
    ぶっちゃけついていけてないけど必要か？とも思う。今のところviewportだけでいいかな。フォント関連は日本語じゃ意味ないだろう。

    その他
    EzoWolf
    rem と mod に負数を与えた場合、プログラミング言語によっては結果が異なるが、 CSS ではどうなんだろう？

    その他
    yoshi-na
    知ってる以上の数あった……精進

    その他
    w_bonbon
    100dvwがPCだと相変わらずスクロールバー部分も含んじゃってるのなんとかしてくれぇっ！

    その他
    otchy210
    otchy210 フォントをベースとした単位の拡充っぷりに狂気を感じる…と同時に、漢字の事なんかろくすっぽ考えてないくせして、と感じる思いが交錯する。

    2023/07/13 リンク

    その他
    kako-jun
    kako-jun フォントサイズを指定する単位remと、商を返す関数rem()とで、remのググラビリティが下がってる……

    2023/07/13 リンク

    その他
    yo_waka
    まとまってる

    その他
    tockri
    全然ついていけてなかった！！！

    その他
    mochinaga
    まとめありがたい

    その他
    spark7
    spark7 viewport関係は追う気も失せたな。いつか必要になったら泥縄で調べる。

    2023/07/13 リンク

    その他
    securecat
    securecat CSS以前に、デザインする時にこんな単位脳でやってるだろうか？

    2023/07/13 リンク

    その他
    d6rkaiz
    カオス度が進んでる・・・

    その他
    rogertroutman
    早くhypot()使えるようになってほしいな～！！　Chromium系がpow()もsqrt()もhypot()も未対応なので、今のところ斜辺の長さを導くにはcos(atan2(高さ,底辺))とかやらなきゃいけない。

    その他
    deep_one
    ブラウザ対応がばらつきそう…／言いたいことは分かるが関数名「sign」はちょっとひどくないか（笑）読みが「サイン」だぞ。

    その他
    nekonyantaro
    nekonyantaro 実装によって見え方が違ったり最悪、要素同士が重なり合って訳のわからないサイトが出来あがる気しかしない。（悲観論）

    2023/07/13 リンク

    その他
    terashimaWataru
    ついていけてません

    その他
    kemumakii
    “単位 svmax”

    その他
    hasiduki
    ほーん！！！！！

    その他
    nekoline
    これは一番まとまってる情報

    その他

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

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

    関連記事

    【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita

    はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年...

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

    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

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

    いま人気の記事

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

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

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

    新着記事 - テクノロジー

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

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

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

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

    はてなブックマーク

    公式Twitter

    はてなのサービス

    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2025 Hatena. All Rights Reserved.