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