垂直模式下移动浏览器的最佳图像宽度是多少



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

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

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

这在安卓和iPhone之间有什么不同吗?

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

例如,您可以只制作一个 1024 像素宽的页面,并将视口元标记定义为 1024px,以便所有屏幕都知道它应该呈现为总屏幕宽度为 1024 像素。

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

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

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

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

最新更新