ホーム » 個人掲示板 » CSSで端末幅別に適用する
My Google+

CSSで端末幅別に適用する

  • 技術三昧@2015-06-08 13:39:52

スポンサーリンク

非常にシンプルなコード:


@media screen and (max-width: 479px) {
    /* 479px以下用(スマートフォン用)の記述 */
}
@media screen and (min-width: 480px) {
    /* 480px以上用(タブレット/スマートフォン用)の記述 */
}
@media screen and (min-width: 768px) {
    /* 768px以上用(タブレット用)の記述 */
}
@media screen and (min-width: 980px) {
    /* 980px以上用(PC用)の記述 */
}



0人

◎技術三昧掲示板で掲載した情報(リンク・リンク先を含む)に関して、掲示板管理者が確認や保証を行うことは一切ありません。
すべて利用者のモラルに委ねられおり、掲示板から張られたリンクに関するトラブルが生じても管理者側は免責とさせていただきます。

閉じる