Мое приложение переведено в портретный режим. Я использую ландшафтные изображения в качестве кнопок в разных местах. Но мне трудно определить наилучшее соотношение ширины / высоты для изображений, чтобы независимо от размера экрана смартфона изображение сохраняло хорошее соотношение.
Мне нужны достаточно широкие изображения, чтобы оно заполните всю ширину экрана, но также и в правильном соотношении, чтобы, если необходимо уменьшить его до ширины экрана, высота будет пропорционально регулироваться.
Я играю с 480 x 120 (соотношение 4 к 1) но я замечаю, что на экранах шириной 360 высота изображения должна составлять 90, а высота на самом деле составляет 82, что приводит к перекосу изображения. Кроме того, на некоторых устройствах, таких как iPads, 480 недостаточно широк, поэтому я навязываю изображение на width:100% контейнера div, а затем это также искажает изображение.
Я читал об этом в несколько мест, но, похоже, нет консенсуса или наилучшей практики, которую я могу найти.