我的应用程序中有3个媒体查询断点


(最小宽度:1024像素)//对于台式机
(最大宽度:1023px)和(orientation:portrait)//对于移动人像
(最大宽度:1023px)和(orientation:landscape)//对于移动设备
景观


基于断点,我将更改与设备和方向对应的图像源

对于台式机设备,该图像的宽度和高度为346x251。

现在,我需要为移动人像和风景切片图像。什么尺寸最适合移动人像和移动风景

最佳答案

对我来说,简短的答案是:在布局其余部分的范围内,任何大小的作品都适用。

在类似情况下,我通常要做的是从最小的屏幕/浏览器大小开始,尝试布局,然后逐渐增加视图的大小(在浏览器中),直到看起来像废话,然后在该最小宽度上进行更改与媒体查询。

我发现最好通过使布局在任何视口尺寸中看起来都不错,而不仅仅是基于当今产品的最常见尺寸,来“对布局进行“未来验证”。

09-18 05:50