проверил. также коряво. как исправить? читал, что начиная с 10 ИЕ нормально жуют медиа,а тут такоеBaNru сказал(а):
тут в другом дело. при разрешении 980 и ниже меню "block: none;", и соответственно появляется бургер, а ИЕ это игнорирует. смотрю инспектор кода, файл медиа css он видит, но исполняет только то, что прописано для разрешения 1080, а дальше - игнор...BaNru сказал(а):
по убывающей, если вы это имеете ввиду. везде, влючая айфоны, все ровноBaNru сказал(а):
нашел баг, но не знаю в чем дело. в первым идет медиазапрос 1080, его он видит, а дальше нет. закомментировал его и моя догадка подветридлась - он увидел слудующий медиазапрос 980 и меню свернул и отобразил все корректно. что это может быть?BaNru сказал(а):Так может порядок объявления стилей (медиа) не тот?
Попытался запустить сайт в Ишаке 11. Сайт повесил и убил ишака, почти сразу, как открыл веб-инструменты
Но мне от этого не легче. У меня экран не с динамическим DPI.
вот я дятел!))) от души, дружище!!!BaNru сказал(а):Блин, столько всего понаписал, а главное, что в голове было, но не проверил:
У тебя же там элементарная ошибка
Размял мозги после сна :lol:
В интернете очень много рекомендаций, вплоть до небольших JS скриптов, которые рекомендуют использовать @-ms-viewport.
К сожалению в ИЕ11 у меня не получилось протестировать, он непонятно каким образом делает размер, непонятные его подсчеты DPI
http://dl4.joxi.net/drive/2017/02/10/0004/2123/305227/27/cc1e29e9f8.png
http://dl3.joxi.net/drive/2017/02/10/0004/2123/305227/27/35f30cefea.png
WTF?!?!?!
Хотя инфа (формула) встречалась
Но мне от этого не легче. У меня экран не с динамическим DPI.
В общем варианты этой фичи выглядят так
Или такКод:[size=1]@media all and (max-width : 1080px) { @-ms-viewport{ width: device-width; } ... стили ... }[/size]
Если самому изменять размер окна, то всё нормально работает в ие11Код:[size=1]@-ms-viewport{width:auto!important} ... стили .... @media all and (max-width : 1280px) {}[/size]
https://jsfiddle.net/BaNru/w2vhu0uL/
Но стоит в веб-инструменах включить режим Мобайла, начинается непонятный ад.
Как я понял виндовсфоне на люмии использует разрешение экрана (viewport) 768px.
Поэтому тебе надо попробовать написать отдельно правило (можно через хаки) для 768px.
Удалось выяснить, может это поможет.
На сайте майкрософта есть опция TextLayoutMetrics, которая включает gdi и natural
<meta http-equiv="X-UA-TextLayoutMetrics" content="gdi" /><meta http-equiv="X-UA-TextLayoutMetrics" content="natural" />
В IE11 оно интересно влияло на результат. Выше приведенные тесты становились вот такие, при смене "устройства"
http://dl4.joxi.net/drive/2017/02/10/0004/2123/305227/27/051c5a4573.png
http://itforums.ru/topic/15512-sait-ne-adaptiruetsia-na-nokia-lumia/#entry70099
http://dl3.joxi.net/drive/2017/02/10/0004/2123/305227/27/451125ad6d.png
Вот мои эксперементы
http://demo.g63.ru/test_IE_mobile_media_query.html
Ссылки по теме
https://blogs.msdn.microsoft.com/ie/2012/08/28/optical-zooming-in-legacy-document-modes/
https://msdn.microsoft.com/en-us/library/dn265030(v=vs.85).aspx
Ещё рекомендуют попробовать использовать @media all, вместо @media screen, а также min-width и max-width
Ещё что может помочь:Код:[size=1]@media all and (min-width:480px) and (max-width: 640px) {...}[/size]
http://stackoverflow.com/questions/38569067/css-media-query-to-target-windows-phone-nokia-lumia
http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html
https://timkadlec.com/2013/01/windows-phone-8-and-device-width/
Медиа запросы для определенных телефонов
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/#phone-queries
Люмии там, к сожалению, нет.
Попробовать покопать в сторону pixel-ratio и resolution
http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
Вот тут тоже предлагают поиграться с разрешением
http://stackoverflow.com/questions/22669385/responsive-website-on-nokia-lumia-920
>> Play around with min-resolution(dpi) in your media query, i think the lumia 920 is 192dpi
> The 920 is 332dpi and this issue cannot get sorted with media query as the navigation is by default mobile first.
Если найдешь ответ, то будет замечательно, если озвучишь его. Без телефона с вындовсом под рукой ответ искать сложно.
От себя могу посоветовать, если выше написанное очень сложно: переделать логику шаблона и media query. Я как-то выкладывал верстку (вроде заказчику), недоделанную
http://download.g63.ru/other/kingessays/text.html
Можешь посмотреть, может что полезное найдешь. Он работает нормально.
