媒体查询大小

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水平是1024px， ipad vertical是768px。

手机最高可达500px， iphone 6+是414px， iphone 6是375px， iPhone 5及以下版本为320px。

机器人的范围是320px-500px。