メディアクエリのサイズ

Question

携帯電話やipadsのようなモバイルの第1のアプローチではなく、コンピュータの第1のアプローチによる小型デバイス用のメディアクエリを書く場合、スマートフォンサイズとIpadサイズの幅はどれくらい適していますか？

@media screen and (min-width: _____) and (max-width: _____) 
{ 
    code 
} 

Answer 1

メディアクエリは、新しいデバイスと画面に基づいて常に変化します。それは本当にあなたが目標としているものに依存します。

しかし、ここでは

www.css-tricks.com/snippets/css/media-queries-for-standard-devices

乾杯とコーディング幸せ少し簡素ように作ることができる偉大なリソースです！

Answer 2

コンピュータ/ラップトップは通常1200pxから始まります。したがって、ウェブサイトを設計する際は、メインコンテナの最大幅が1199pxになるようにしてください。すべてのコンピュータとラップトップで動作します。

ipadの水平は1024px、 ipadの垂直は768pxです。

携帯電話は、500pxなどで最大うち、414pxです6+ iphone、iphone 6は、以下の iphone 5とは320PXで、375pxであるだろう。

アンドロイドの範囲は320px-500pxです。