ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как заставить IE понимать "max-device-width" в медиа запросах?
9 сообщений из 9, страница 1 из 1
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39319812
evgeniybel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgeniybel
Гость
Как заставить IE понимать "max-device-width" в медиа запросах?
Для "max-width" можно использовать picturefill.js, но мне нужно именно "max-device-width".
...
Рейтинг: 0 / 0
03.10.2016, 16:54
| Ответить | Цитировать | Написать  
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39319837
Фотография DarkMaster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DarkMaster
Участник
evgeniybel,

Добавь:
Код: html
1.
<meta http-equiv="X-UA-Compatible" content="IE=9">
...
Рейтинг: 0 / 0
03.10.2016, 17:44
| Ответить | Цитировать | Написать  
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39319860
evgeniybel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgeniybel
Гость
Тогда перестает работать и max-width.
...
Рейтинг: 0 / 0
03.10.2016, 18:12
| Ответить | Цитировать | Написать  
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39319903
evgeniybel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgeniybel
Гость
Нужно, чтоб в IE заработала такая конструкция:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<picture>
	<source srcset="/jpg/mos01s1.jpg" media="(min-width: 1920px)">
	<source srcset="/jpg/mos01s2.jpg" media="(max-width: 1919px) and (min-width: 1680px)">
	<source srcset="/jpg/mos01s3.jpg" media="(max-width: 1679px) and (min-width: 1600px)">
	<source srcset="/jpg/mos01s4.jpg" media="(max-width: 1599px) and (min-width: 1366px)">
	<source srcset="/jpg/mos01s5.jpg" media="(max-width: 1365px) and (min-width: 1280px)">
	<source srcset="/jpg/mos01s6.jpg" media="(max-width: 1279px)">
	<img srcset="/jpg/mos01s1.jpg">
</picture>
...
Рейтинг: 0 / 0
03.10.2016, 19:40
| Ответить | Цитировать | Написать  
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39319934
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
evgeniybel,

Видимо, Вам нужно именно max-device-width - для того, чтобы не грузить все изображения, если пользователь будет распахивать окно браузера или будет менять его размер?
Есть-же CSS-свойство width:100% , которое лучше применить для одного изображения img

Но если так уж охота грузить под мобильные именно маленькие изображения, то это в CSS делается проще и без спорных тегов, которые IE может и не поддерживать как надо.

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
.picture {
   background: url(/jpg/mos01s1.jpg) no-repeat;
}

@media screen and (max-device-width:1280px) {
 .picture { background:url(/jpg/mos01s6.jpg); }
}
@media screen and (max-device-width:968px) {
 .picture { background:url(/jpg/mos01s7.jpg); }
}
@media screen and (max-device-width:603px) {
 .picture { background:url(/jpg/mos01s8.jpg); }
}



Код: html
1.
2.
3.
4.
5.
<body>
...
<div class="picture"></div>
...
</body>
...
Рейтинг: 0 / 0
03.10.2016, 21:35
| Ответить | Цитировать | Написать  
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39319974
evgeniybel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgeniybel
Гость
Спасибо, но так мне неудобно - там целая таблица изображений.
...
Рейтинг: 0 / 0
04.10.2016, 00:49
| Ответить | Цитировать | Написать  
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39319980
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
evgeniybel,

на всякий случай, если вдруг не смотрели ещё на возможность оптимизации изображений, приведу полезные ссылки

https://developers.google.com/speed/pagespeed/insights/ - покажет, какие изображения нуждаются в оптимизации

http://compressjpeg.com/ru/ - компрессор изображений (JPEG / PNG / PDF), иногда ужимает в 2,5 раза без потери качества.
http://ezgif.com/optimize - для GIF-изображений
https://iconverticons.com/online/ - для ICO

https://www.base64-image.de/ - base64 - конвертор
...
Рейтинг: 0 / 0
04.10.2016, 01:17
| Ответить | Цитировать | Написать  
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39319983
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
evgeniybelНужно, чтоб в IE заработала такая конструкция:
а IE не перезимует с единственной картинкой?
...
Рейтинг: 0 / 0
04.10.2016, 01:33
| Ответить | Цитировать | Написать  
Как заставить IE понимать "max-device-width" в медиа запросах?
    #39320264
evgeniybel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgeniybel
Гость
бухалтер фантоцци, спасибо!
...
Рейтинг: 0 / 0
04.10.2016, 13:47
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как заставить IE понимать "max-device-width" в медиа запросах?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]