CSS メディアクエリのチートシート、モバイルファースト用、スマホ・タブレットのデバイス用のメディアクエリ | コリス

12コメント 2021-02-08 09:45 コリス

WebページでCSSのメディアクエリを使用する際にベースとなるメディアクエリ、モバイルファースト用のメディアクエリ、スマホ・タブレットの主要デバイス用のメディアクエリのチートシートをまとめました。 C

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

デバイスの画面サイズが多様化してて、今まで指定していたwidth:768pxの線引きを考えなおし中。
コリスさんのメデイアクエリのチートシートを参考にしてます。
あと他の方のCSS見てて結構指定が違うよなあと思う。

メディアクエリのチートシート


『メディアクエリの書き方って、ぶっちゃけ何が正解なの?』
こう思ってる人にピッタリです!
ぜひ、参考にしましょう😊

#ゆるノマド
メディアクエリのチートシート、モバイルファースト用、スマホ・タブレットのデバイス用のメディアクエリ
前の記事: メディアクエリのチートシート、モバイルファースト用、スマホ・タブレットのデバイス用のメディアクエリ
メディアクエリ長いので省略記法欲しい。SASS/SCSSだったら作れるんかな?

| コリス
ブレイクポイント、どこで設定したらいいのか迷っちゃいますよね。1つ基準を持っておくと悩まなくていいかもデスネ!
ケースバイケースで使い分けていきましょう〜
地味に大切なやつ!

メディアクエリについて、もっと勉強しとくんだったな。
と後悔している人は私です。
以上
 
PR
PR