Когда я ранее создавал приложение PhoneGap, изображения, отображаемые на страницах, неправильно отображались на устройствах с высоким разрешением. Поэтому я сделал веб-страницу с фиксированным соотношением пикселей: 1 для всех устройств без учета DPI устройства. Но это снизит четкость изображений.
Я планировал использовать плавные стили для своего нового приложения и не использовать определенную ширину и высоту в HTML. Но когда я указал высоту в пикселях для div (в CSS), высота отображается по-разному на разных устройствах.
Есть ли способ сделать соотношение ширины и высоты HTML, а также ширины и высоты CSS одинаковыми?
Есть ли какое-либо неизвестное свойство, чтобы указать HTML вести себя в другом соотношении пикселей.
Я использую тег HTML:
<meta name="viewport" id="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
Я хотел бы отобразить страницу в устройстве-dpi, чтобы избежать снижения четкости. Пожалуйста, предлагайте свои идеи.