タグ

2023年3月9日のブックマーク (1件)

  • 「未満」を表現!メディアクエリの「not」キーワード | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。エンジニアのつっちーです。 以前に、「メディアクエリの書き方に注意しないと、ウインドウ幅と表示倍率によっては、スタイルの適用されない状態が発生してしまう」という内容の記事を書きました。 今回はその続編です。前回の記事では、対策として以下の2点を挙げ、基的には1の方法を利用すべきであるとまとめました。 メディアクエリの設定をmin-widthかmax-widthに統一する(推奨) メディアクエリの設定に小数を利用する(非推奨) でも、たまにこの方法では不便なケースにも遭遇します。そんなときに便利なnotというキーワードがあったことを、最近になって知りましたので、もう一つの解決策として取り上げてみます。 こんなとき、min-widthかmax-widthに統一するのは大変…… 上に書いたとおり、メディアクエリはmin-widthかmax-widthに統一したいものです。ブレイクポ

    「未満」を表現!メディアクエリの「not」キーワード | 株式会社LIG(リグ)|DX支援・システム開発・Web制作