web屋の備忘録

ホームページ制作、webマーケティング、技術資料など

*

レスポンシブ対応のCSS記述法

      2016/01/12

/* bootstrap */

@media(max-width:767px){
	スマホ用の記述
}

@media(min-width:768px) and (max-width:991px){
	タブレット用の記述
}

@media(min-width:992px) and (max-width:1199px){
	PC(ミディアム)用の記述
}

@media(min-width:1200px){
	PC(ラージ)用の記述
}

「Media Queries(メディアクエリ)」は、
画面サイズや解像度など、閲覧環境の条件に応じて適用するスタイルを切り替えられるCSS3の機能。

 - HTML・CSS