Html iPad和iPhone、肖像画和风景画的理想图像尺寸是多少_Html_Css_Responsive Design_Media Queries_Aspect Ratio

Html iPad和iPhone、肖像画和风景画的理想图像尺寸是多少

html css responsive-design

Html iPad和iPhone、肖像画和风景画的理想图像尺寸是多少,html,css,responsive-design,media-queries,aspect-ratio,Html,Css,Responsive Design,Media Queries,Aspect Ratio,我的应用程序中有3个媒体查询断点（最小宽度：1024px）//用于台式机（最大宽度：1023px）和（方向：纵向）//用于移动纵向（最大宽度：1023px）和（方向：横向）//适用于移动设备景观根据断点，我将更改与设备和方向对应的图像源对于桌面设备，图像的宽度和高度均为346x251 现在，我需要为移动纵向和横向图像切片。什么尺寸的手机肖像画和手机风景画最理想？我的简短回答是：任何尺寸都适用于其他布局在类似的情况下，我通常会从最小的屏幕/浏览器大小开始，尝试布局，然后逐渐增加视图的

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

（最小宽度：1024px）//用于台式机

（最大宽度：1023px）和（方向：纵向）//用于移动纵向

（最大宽度：1023px）和（方向：横向）//适用于移动设备景观

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

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

现在，我需要为移动纵向和横向图像切片。什么尺寸的手机肖像画和手机风景画最理想？我的简短回答是：任何尺寸都适用于其他布局

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

我发现，最好是通过使布局在任何视口大小下都看起来良好来“证明未来”，而不仅仅是基于当前产品的最常见大小。