如何让我的HTML5移动网页应用适合不同的设备

Question

我创建了一个HTML5移动web应用程序，并在不同的设备(如iphone,ipad,android手机和平板电脑)上进行了测试。我如何在所有这些不同的设备上优化这个应用程序的大小和分辨率?

Answer 1

你可以使用CSS媒体查询来针对不同的屏幕尺寸优化你的web应用，而不是针对不同的设备进行优化。

Answer 2

响应式网页设计是你想要的。MDN上的响应式网页设计文章是一个很好的介绍，其中包括许多其他有用文章的链接。