Я новичок в телефоне и сталкиваюсь с проблемой, я делаю приложение phonegap, которое будет работать на нескольких устройствах платформы различного размера экрана и с различным разрешением экрана, поэтому мне приходится загружать изображения разного разрешения в зависимости от разрешения экрана.
это может быть достигнуто в android, просто поместив ваши изображения с разным разрешением в hdpi, mdpi и ldpi, и он (android) автоматически извлекает изображения в зависимости от разрешения экрана устройства. Но как это сделать в телефонном разговоре.
Я видел много статей о гибком веб-дизайне, они все говорят о размещении элементов на веб-странице, но не о них рассказали о том, как размещать изображения на основе разрешений экрана.
Спасибо, я заранее.
отредактированный вопрос
Я использовал следующий код для html
<div id="header" data-role="header" data-position="fixed">
<img alt="app_icon" src="pictures/app_logo.png" display="inline" class="align-left" />
<img alt="brand_icon" src="pictures/company_logo.png" display="inline" class="align-right" /><h1></h1>
</div>
теперь у меня есть изображения внутри папки assets/www/pictures. эта папка состоит из двух изображений с таким же разрешением app_logo.png и company_logo.png и двух изображений с более высоким разрешением app_logo_big.png и company_logo_big.png теперь через медиа-запросы я буду знать размер экрана и применять стили, но насколько я знаю, я не может изменить img src из css. Итак, как я буду использовать эти изображения с разным разрешением