заставить веб-страницу открываться в масштабе 100% (в IE8)

У меня есть веб-сайт, который хорошо работает с любым увеличением в FireFox/Chrome/Opera/Safari... но в Internet Explorer сайт выглядит хорошо только при 100% увеличении. в IE7 масштаб по умолчанию составляет 100%, но в IE8 масштаб по умолчанию составляет 125%, поэтому, если вы используете IE8, вам нужно нажать ctrl+0. Я использовал файл PIE.htc с сайта http://www.css3pie.com для поддержки CSS3 в IE.

Есть ли какой-либо код JavaScript или метатег, который управляет размером представления? Я буду использовать его только для IE, конечно.


javascript html internet-explorer meta-tags dhtml
person Dani-Br    schedule 17.01.2011    source источник

Ответы (4)


arrow_upward
2
arrow_downward

http://msdn.microsoft.com/en-us/library/ms531189(v=vs.85).aspx

«Windows Internet Explorer 8. Атрибут -ms-zoom является расширением CSS и может использоваться как синоним масштабирования в режиме IE8».

Сказав это, я не пробовал, чтобы узнать, как он себя ведет, и вам не следует навязывать пользователю определенный размер (как заявил @Brad).

Все современные браузеры отлично справляются с плавным масштабированием как вверх, так и вниз, так что я бы не стал слишком беспокоиться об этом.

РЕДАКТИРОВАТЬ: ваш сайт отлично выглядит в Chrome и IE8 на моем компьютере (в любом случае он открывается на 100% на моем компьютере, поэтому проверьте настройки браузера. Все это обсуждение может быть спорным).

person Tim Medora    schedule 17.01.2011

arrow_upward
4
arrow_downward

Нет, это невозможно. Пользовательские предпочтения зависят от пользователя, и даже если бы вы могли найти способ обойти это, вы не должны этого делать.

Пользователь, а не вы, решает, как увеличить масштаб своих страниц. Имейте в виду, что это часто происходит из-за того, что люди плохо видят (или почти не видят вообще), и они гораздо больше заинтересованы в возможности прочитать страницу, чем в том, насколько хорошо выглядит ваша масштабированная графика.

person Brad    schedule 17.01.2011

arrow_upward
1
arrow_downward

  1. Работает на Хроме

    <script>
    document.firstElementChild.style.zoom = "reset";
</script>

  2. С этим я запрещаю пользователю увеличивать масштаб страницы

    <script>
    $(document).ready(function () {
        $(document).keydown(function (event) {
            if (event.ctrlKey == true && (event.which == '107' || event.which == '109' || event.which == '187' || event.which == '189')) {
                event.preventDefault();
            }
        });

        $(window).bind('mousewheel DOMMouseScroll', function (event) {
            if (event.ctrlKey == true) {
                event.preventDefault();
            }
        });
    })
</script>
person Luis Fajardo    schedule 05.07.2015

arrow_upward
0
arrow_downward

Спасибо Брэду и Тиму Медоре.
Думаю, свойство "-ms-zoom" оказалось полезным.

Apple разработала хорошее решение для Safari на iPhone и iPod:

<meta name="viewport" content="initial-scale=1.0 , minimum-scale=0.5 , maximum-scale=1.5" />

подробности см. здесь.

Мобильный Firefox также поддерживает этот метатег.
Кроме того, этот тег может быть полезен для настольных браузеров, но они пока его не поддерживают.

person Dani-Br    schedule 18.01.2011