エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント23件
- 注目コメント
- 新着コメント
otchy210
普通にプログラム書いてて max(min()) でしょ、って時に逆に書くバグとかやらかすことあるので clamp いいな。今度 max(min()) 使う機会あったら clamp 自分で定義しちゃうかも。
RATCHO
width: 50%; max-width: 500px; でよくね?/clamp()は3行→1行だし直感的に読みやすいしシンタックスシュガーとして良いかも!/ 兎に角、IEは早く成仏してくり〜〜🙏
KoshianX
CSS どんどん便利になるがいろいろ増えすぎてついていくのたいへん。。。
Dragoonriders
仕様見ても﹁比較関数﹂だな。外側のビューの状態に依存する。数学関数や数式とともに使うけどという余計なツッコミさておき、制約ってどこまで有効なんだろ。あんま変な制約入れられると文字小さくてツライ︵老眼︶
style_blue
サイズに合わせて動的なボーダー枠やギャップ幅が使えるの便利かも。最近メーカーのサイトで小画面表示向けの設定がPCで見るとあらゆる要素が大きくなる時があるんだけどこれで解決していただきたい。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック!
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSの比較関数が便利すぎる! min(), max(), clamp()の使い方を詳しく解説
CSSの数学関数と言えば、calc()が便利ですよね。 しかし、便利な数学関数はcalc()だけではありません! ...示
CSSの数学関数と言えば、calc()が便利ですよね。 しかし、便利な数学関数はcalc()だけではありません! 先月、Firefoxにサポートされたことにより、すべてのモダンブラウザにサポートされたCSSの比較関数﹁min()﹂﹁max()﹂﹁clamp()﹂の使い方を紹介します。 最大幅や最小幅を計算式で定義できる﹁min()﹂﹁max()﹂、フォントサイズの最小値と最大値をコの字のクランプのように計算式で定義できる﹁clamp()﹂、 これからのWebページやスマホアプリの実装にかなり役立つと思います。 Everything I Learned About min(), max(), clamp() In CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの比較関数の
2020/05/28 リンク