如何确保使用html5设计的屏幕支持所有可能的设备尺寸（横向和纵向）

Question

我使用html5设计移动设备屏幕来创建独立于平台的应用程序。 我出于同样的原因使用媒体查询，但这些媒体查询支持一些提到的设备，如iphone4，ipad，ipad mini，三星设备。 无论设备大小/分辨率如何，页面都能完美地适用于任何设备，这是多么可靠。

感谢。

Answer 1

我不明白您的媒体查询是如何以及为何具体，他们只涵盖上述设备。

更好的方法是使用远程媒体查询，例如取自bootstrap：

/* Large desktop */
@media (min-width: 1200px) { ... }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Landscape phones and down */
@media (max-width: 480px) { ... }