CSS: Альтернативное фоновое изображение для мобильного сайта? - PullRequest
1 голос
/ 15 ноября 2011

Я работаю над адаптивным веб-сайтом, и я поиграл с полным фоном изображений - он отлично смотрится, когда размер веб-сайта изменяется до размера iPad и выше, но после того, как он изменяет размеры ниже порога 480px (иначе: мобильная версия) ) это выглядит просто плохо, к тому же я не хочу, чтобы люди заходили на сайт с iPhone, чтобы загрузить эти тяжелые фоновые изображения для начала.

Как вы думаете, этого можно достичь? Сайт реагирует на медиа-запросы CSS3, поэтому, конечно, я могу скрыть DIV, но есть ли способ предотвратить загрузку полных фоновых изображений для мобильных клиентов?

Любая помощь будет высоко ценится!

Ответы [ 2 ]

1 голос
/ 18 ноября 2011

Обнаружил эту тему на моем сайте рефералов!Я сделал (я думаю) именно это здесь: http://hry.rbrts.me/, и если вы хотите код, то это все на GitHub: https://github.com/csswizardry/hry.rbrts.me (в частности: https://github.com/csswizardry/hry.rbrts.me/blob/master/css/style.css#L499)

1 голос
/ 16 ноября 2011

проверьте этот пост Гарри Робертсом, который занимается этой проблемой: http://csswizardry.com/2011/07/responsive-images-right-now/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...