Как предотвратить автоматическое масштабирование в Modern UI IE 11 в Windows 8.1/8?

Windows 8.1/8 имеет функцию разделения экрана, которая удобна при использовании нескольких приложений (например, современной версии пользовательского интерфейса IE11) на одном экране. В большинстве случаев, когда вы устанавливаете очень узкий разделенный экран IE, вы заметите, что веб-страница автоматически уменьшается, но некоторые страницы (например, microsoft.com) отличаются. Они не уменьшают масштаб и правильно распознают узкую ширину, поэтому легко сделать адаптивный дизайн.

Мой вопрос: какой код имел такое значение? Я пробовал <meta name='viewport' content='width=device-width, user-scalable=0, initial-scale=1.0' />, но IE11 по-прежнему уменьшает масштаб страницы.


html css internet-explorer-11 windows-8.1 modern-ui
person Wise Simpson    schedule 09.12.2013    source источник
comment
Это потому, что они используют медиа-запросы в css для изменения дизайна страницы при изменении ширины клиента.   -  person Shiva    schedule 09.12.2013
comment
Это не причина. Я также использую медиа-запросы CSS на своей странице, но это работает только тогда, когда ширина может быть определена правильно. После того, как IE11 уменьшил масштаб страницы, css все еще обнаружил, что ширина широкая.   -  person Wise Simpson    schedule 09.12.2013
comment
Извините, возможно, вы правы. Я использовал минимальную ширину в медиа-запросах CSS. Вместо этого я попробую min-device-width. Спасибо Шива.   -  person Wise Simpson    schedule 09.12.2013
comment
Неудачно. IE по-прежнему уменьшает масштаб страницы, даже если я уже установил минимальную ширину устройства. Кто-нибудь знает ответ?   -  person Wise Simpson    schedule 09.12.2013
comment
Мудро, было бы полезно, если бы вы могли поделиться своим кодом css.   -  person Shiva    schedule 09.12.2013
comment
Это как @media screen and (max-width: 400px){#example{width:300px}} @media screen and (max-width: 1000px){#example{width: 600px}}. Затем в современном пользовательском интерфейсе IE11 переместите разделенный экран примерно на 300 пикселей в ширину. IE11 отобразит #example как width: 600px, но уменьшит масштаб. Я ожидаю, что ширина #example будет 300 пикселей.   -  person Wise Simpson    schedule 09.12.2013
comment
Не могли бы вы указать URL страницы? Я протестировал несколько адаптивных веб-сайтов, но не смог воспроизвести проблему.   -  person Carlo Cannas    schedule 10.12.2013
comment
Да, я сделал образец страницы для этого. log4u.net/test.html   -  person Wise Simpson    schedule 13.12.2013

Ответы (1)


arrow_upward
2
arrow_downward

Наконец-то я получил ответ. Краткая версия:

@media screen {
    @-ms-viewport { width: device-width; }
}

Полное объяснение находится по адресу http://msdn.microsoft.com/en-us/library/ie/hh708740(v=vs.85).aspx

person Wise Simpson    schedule 07.01.2014