什么尺寸的图像最适合 iPad 和 iPhone、肖像和风景

Question

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

1. (min-width: 1024px) // 适用于台式机
2. (max-width: 1023px) and (orientation:portrait) //对于手机人像
3. (max-width: 1023px) and (orientation:landscape) //对于移动设备 景观

基于断点，我将根据设备和方向更改图像的来源

对于桌面设备，图片的宽度和高度为 346x251。

现在我需要对移动纵向和横向的图像进行切片。什么尺寸最适合移动纵向和移动横向

Answer 1

对我的简短回答是：无论大小在布局的其余部分的范围内都有效。

在类似情况下，我通常会从最小的屏幕/浏览器大小开始，尝试布局，然后逐渐增加视图的大小（在浏览器中），直到看起来像垃圾，然后我对此进行更改带有媒体查询的最小宽度。

我发现最好让您的布局在任何视口尺寸下看起来都不错，而不仅仅是基于当今产品的最常见尺寸，从而更好地“面向未来”。