CSSメディアクエリでレスポンシブ対応
いつも書き方の詳細を忘れて調べがちなのでレスポンシブ対応覚え書き。
前回jQueryの場合をメモったので一応メディアクエリの場合もメモ。
@media screen and (max-width:767px) {
/* ウィンドウサイズが767px以下の場合の記述 */
}
@media screen and (min-width:768px) and ( max-width:1024px) {
/* ウィンドウサイズが768ps以上1024px以下の場合の記述 */
}
@media screen and (min-width:1025px) {
/* ウィンドウサイズが1025px以上の場合の記述 */
}