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

What is the best image width for mobile browsers in vertical mode?

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

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

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

android 和 iphone 有区别吗?

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

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

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

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

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

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