изменение размера веб-страницы в Internet Explorer с использованием свойства zoom css

Я пытаюсь масштабировать свою веб-страницу, которую я сделал на мониторе 1680 x 1050, чтобы она соответствовала монитору 800 x 600. Я устанавливаю для стиля/css значение «масштабирование: .7», которое отлично работает, за исключением того, что появляется полоса прокрутки. Когда я использую инструменты разработчика Internet Explorer, я проверяю все элементы, и нет никаких элементов, вызывающих переполнение страницы. Однако, когда я проверяю, вокруг всего окна появляется синяя рамка. Я даже пытался установить ширину, но это не работает.

Какие-либо предложения?


css resize zooming
person dooby    schedule 25.10.2011    source источник
comment
Пробовали ли вы сделать гибкий макет вместо того, чтобы полагаться на абсолютные значения пикселей? Хорошо написанный макет должен иметь возможность естественного масштабирования, не прибегая к трюкам с изменением размера всей страницы. В конце концов, более низкое разрешение обычно сочетается с меньшим экраном, поэтому уменьшение шрифта не приведет вас к успеху.   -  person tdammers    schedule 25.10.2011
comment
Если мне приходится полагаться на абсолютные значения пикселей, есть ли другое решение?   -  person dooby    schedule 26.10.2011
comment
Большинство современных браузеров поддерживают медиа-запросы: google.com/search?q=css+media. +запросы   -  person RoToRa    schedule 31.10.2011

Ответы (1)


arrow_upward
0
arrow_downward

Простым решением избавиться от полос прокрутки было бы применить

overflow: hidden;

к элементу со свойством zoom. Поскольку вы не знаете, какой элемент переполняется, возможно, вам придется попробовать другие элементы, такие как обертки, чтобы увидеть, «работает» ли один из них.
Если это не сработает: я заинтригован синей рамкой, которую вы описывать. Вещи не становятся синими сами по себе ... поэтому, возможно, вы могли бы опубликовать какой-нибудь код, если overflow этого не делает.

person kasimir    schedule 28.10.2011