图像的大小适合iPad和iPhone，肖像和风景

Question

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

1. （min-width：1024px）//适用于桌面
2. （最大宽度：1023像素）和（方向：肖像）//适用于移动人像
3. （最大宽度：1023像素）和（方向：横向）//适用于手机 景观

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

桌面设备的图片宽度和高度 346x251 。

现在我需要将图像切片为移动纵向和横向。什么尺寸适合移动人像和移动景观

Answer 1

对我来说，简短的回答是：无论大小在其他布局的上下文中工作。

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

我发现，通过在任何视口大小中使其看起来不错，而不仅仅是基于当今产品的最常见尺寸，“将来证明”您的布局会更好。