メタビューポート meta name=”viewport”

最終更新日

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 

メディアクエリ

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

シェアする