naMemo

うぇっぶやアプリやデザインに興味深々なキモオタのメモ

レスポンシブデザインのブレークポイント

レスポンシブデザインをする時のブレークポイントが未だによく分からんのでメモ

 

一般的な数値(iPad, iPhone準拠)

@media screen and (min-width:480px){//スマホ}
@media screen and (min-width:768px){//タブレット} @media screen and (min-width:1024px){//PC}