デザイン
2021.09.29
タブレットで活躍!「横幅●px~●pxまで」指定のメディアクエリをご紹介!
レスポンシブデザイン対応は今や当たり前と言っても過言ではないくらい浸透していますよね!
世の中にも様々なメディアクエリがあふれています。
今回はタブレットなどで活躍する「横幅●px~●pxまで」のメディアクエリを復習がてらご紹介します!
@media screen and (min-width:768px) and ( max-width:1080px) {
/* ココに対象のCSSを記載 */
}
上記メディアクエリは最大幅と最小幅での指定が可能です。
良かったらぜひ活用してみてください!
この記事に関連するタグ
正しい効果測定は、正しい計測設定から!Googleアナリティクス設定項目チェックシート(無料)
リスティング・Googleアナリティクス・ホームページ・ランディングページなど
Webマーケティングのことなら何でもご相談ください
株式会社マイティーエースでは、様々なWeb広告・Webマーケティングなど
お客様に合ったご提案しています。
興味をお持ちいただけた方は、まずは気軽にご相談ください。