我正在创建一个非常简单的网页:它只是一个接一个地显示图像,直到页面底部。
问题是...我不确定我们应该使用什么尺寸的图像。
垂直浏览器中图像的理想宽度是多少?
这在安卓和iPhone之间有什么不同吗?
只需使用视口大小标签,移动设备就会自动将页面大小调整为正确的尺寸。
例如,您可以只制作一个 1024 像素宽的页面,并将视口元标记定义为 1024px,以便所有屏幕都知道它应该呈现为总屏幕宽度为 1024 像素。
<meta name="viewport" content="width=1024">
这样,您就不必更改每个设备的设计宽度。设备将缩放页面以适合屏幕。
大多数移动网站使用 480 像素的宽度。也许为了缩短加载时间,您最好也使用较小的图像,因为较小的图像加载速度更快,并且手机无论如何都会调整它们的大小。
PS:适用于所有平台上的所有现代设备。