媒体查询尺寸

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。