Image 在纵向应用程序视图中，图像的最佳横向纵横比是多少

我的应用程序被强制进入肖像模式。我在不同的位置使用风景图片作为可点击的按钮。但我很难找出图像的最佳宽高比，这样无论智能手机屏幕大小如何，图像都能保持良好的宽高比

我需要足够宽的图像，这样它将填充整个屏幕宽度，但也有适当的比例，如果它需要缩小以适应屏幕宽度，高度将按比例调整

我一直在玩弄480 x 120（4:1的比例），但我注意到在360宽的屏幕上，图像高度应该是90，但高度实际上是82-导致图像倾斜。此外，在某些设备上，如iPad，480不够宽，因此我强制将图像设置为容器div的

宽度：100%

，然后使图像倾斜

---

我在多个地方读过这篇文章，但似乎没有达成共识或最佳实践。这可能会有所帮助：只需将图像添加到

div

中，然后将

max width:100%

和

width:100%

添加到image@Thomas这确实有帮助。对于landscpe图像，我认为高宽比为4:1，填充为25%。知道这一点，我可能应该强制我的图像为960x240，然后这个比例可以适用于更小/更老的智能手机上的iPad。我要简短地说一下。谢谢