2013-05-26 3 views
1

Это трудно объяснить ... Если вы используете масштаб css (и масштабирование) для уменьшения масштаба (менее 1), в проводнике 9 и 10 окружающие элементы по-прежнему обрабатывают свою область содержимого так, как если бы она имела свой первоначальный размер. например,explorer: удалите оставшиеся пробелы после масштабирования с помощью преобразования: масштаб

transform:scale(0.5); 
    width:200%; 

будет рассматриваться как ширина 200%, хотя его изображение будет отображаться на 100%. Позвольте мне продемонстрировать это в скрипкой:

http://jsfiddle.net/pike/CAbcH/

я вижу горизонтальные и вертикальные полосы прокрутки в IE10. Использование «зум» вместо этого имеет тот же эффект.

Как я могу объяснить проводнику, что он не нуждается в полосах прокрутки вне содержания? Решение jquery также приемлемо.

+0

В сафари это на 100% широкий, как и должно быть, но есть, когда я прокручиваю, белую 100% -ую область ниже. – bwoebi

+0

это из-за 'переполнения: auto' удалите это и это wold исправить. Какова конкретная причина, по которой вам нужно добавить 'overflow: auto' – Vector

+0

в реальной ситуации, мне нужны полосы прокрутки, если содержание больше, чем' 100%/scale'. да, мне нужно 'overflow: auto'; Мне нужны полосы прокрутки, но я хочу, чтобы они были правильными. – commonpike

ответ

3

Вот одно решение - http://jsfiddle.net/pike/YmfGC/

Не все, что в чистом виде, используя браузер нюхают, то поясню пишет оберточной <div> вокруг увеличенному DIV, только для IE, используя ширину() и высоту() браузер найден после того, как отрисовка страницы ...

+0

Принимая мой собственный ответ. сколько очков вы мне дадите :-) – commonpike

+0

, конечно же, браузерный нюхать больше не будет работать в IE11. этот браузер называется «трезубцем». – commonpike

0

Я изменил переполнение: скрыто на #scroll и переполнении: auto: on #zoomed (т. Е. Наоборот, переполнение их переполнения в основном), что делает функции прокрутки такими, какими они должны быть - это то, что вы искали? Хотя у меня есть вопрос о том, почему вам нужно иметь весы, так как вы можете заставить его выглядеть так, как вы хотели с css.

+0

Вы имеете в виду, как в этой скрипке? http://jsfiddle.net/pike/3c4KJ/? Нет, вы не можете этого сделать, потому что (в большинстве браузеров) сами полосы прокрутки также масштабируются - посмотрите, например, на эту скрипку в хроме и посмотрите на очень странную тонкую полосу прокрутки. В firefox это еще хуже. Прокручивающему контейнеру необходимо обернуть контейнер масштабирования ... – commonpike

+0

'зачем вам нужны весы' - это просто скрипка. В реальном приложении шкала динамически устанавливается jQuery. Я хочу, чтобы размер контейнера оставался неизменным, но содержимое увеличивалось и уменьшалось. Как показывает скрипка, масштабирование является проблемой. – commonpike

+0

Я мог только заставить его работать на firefox и chrome, но не IE :(В IE он не уменьшал ширину и высоту 200%. Возможно, JQuery - это способ пойти (?) – Jennift

Смежные вопросы