[CSS]メディアクエリ(media)
更新:2023-05-11
CSS技術メモ!
ディスプレイサイズによって反映するスタイルを分ける
/* ディスプレイサイズが〇〇〇px以下のときに反映させる */
@media (max-width:〇〇〇px) { ... }
/* ディスプレイサイズが〇〇〇px以上でときに反映させる */
@media (min-width:〇〇〇px) { ... }
/* ディスプレイサイズが〇〇〇px以上〇〇〇px以下のときに反映させる */
@media (min-width:〇〇〇px) and (max-width:〇〇〇px) { ... }
PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html,
ディスプレイサイズによって反映するスタイルを分ける
/* ディスプレイサイズが〇〇〇px以下のときに反映させる */
@media (max-width:〇〇〇px) { ... }
/* ディスプレイサイズが〇〇〇px以上でときに反映させる */
@media (min-width:〇〇〇px) { ... }
/* ディスプレイサイズが〇〇〇px以上〇〇〇px以下のときに反映させる */
@media (min-width:〇〇〇px) and (max-width:〇〇〇px) { ... }
PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html, PHP,javascript,css,html,