レスポンシブ対応にメディアクエリなしで、CSSの関数で定義!border-radiusの値を変えるテクニック | コリス

11コメント 2021-10-14 10:05 コリス

border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。 メディア

ツイッターのコメント(11)

なるほどなぁー、すげえ!
読み終わって思わずおおおおって言っちゃったよ
今日の配信で話していた CSS 書くのに算数が必要では論はまさにこれとかもそうですね〜
全然あたまに入ってこない…。
こんな細かいテクニック、これを逃したらもうお目にかかれないかも?-
記述がスッキリする!
というより、比較関数使って記述できるとは思わなかった。他にも利用できる場所あるのかな???

| コリス
行数は減るけど、頭つかうやつ!
スゴっ!よくこんなこと思いつくなw
投稿時間:2021-10-14 10:06:00
以上
 
PR
PR