媒體查詢尺寸

Question

當爲來自計算機優先方法的較小設備編寫媒體查詢而不是手機和ipad等移動優先方法時，智能手機尺寸和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 horizo​​ntal is 1024px， ipad vertical is 768px。

手機將最大出在500像素， iphone 6+是414px， iphone 6是375px， iphone 5和下面是320像素。

androids的範圍從320px-500px。