Question

我正在创建一个非常简单的网页：它只是一个接一个地显示图像，直到页面底部。

问题是......我不确定我们应该使用什么尺寸的图像。

垂直浏览器中图像的理想宽度是多少？

android和iphone之间有区别吗？

Answer 1

只需使用视口大小标记，移动设备就会自动将页面大小调整为正确的尺寸。

例如，您可以创建一个1024像素宽的页面，并将视口元标记定义为1024px，这样所有屏幕都知道它应该被渲染，好像总屏幕宽度是1024像素。

<meta name="viewport" content="width=1024">

这样您就不必为每个设备更改设计的宽度。设备将缩放页面以适合您的屏幕。

大多数移动网站使用480px的宽度。也许为了改善加载时间，您最好使用较小的加载时间，因为较小的图像加载速度较快，手机无论如何都会调整它们的大小。

PS：适用于所有平台上的所有现代设备。