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

Question

我使用html5设计移动设备屏幕以创建平台独立应用程序。 由于同样的原因，我正在使用媒体查询，但这些媒体查询支持一些提及的设备，如iphone4，ipad，ipad mini，samsung设备。 什么是有保证的事情，无论任何设备的大小/分辨率的页面将完全适合任何设备。

谢谢。

Answer 1

我不明白如何以及为什么你的媒体查询是特定的，他们只涵盖提到的设备。

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

/* 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) { ... }