Как получить поведение «Ctrl +» в браузере, используя Javascript? - PullRequest
2 голосов
/ 07 декабря 2011

Я открыл веб-сайт Stack Overflow на своем 47-дюймовом ЖК-телевизоре (разрешение 1920 * 1080, 16: 9) и нашел текст и веб-сайт прямо посреди большого количества пустого пространства. Текст был нечитабелен, потому что Stack Overflow, как и многие другие сайты, оптимизирован для стандартных окон просмотра 1200/1024.

Для того, чтобы сделать сайт читабельным, я нажимал клавиши «Ctrl» и «+» и получал контент, занимающий большую ширину экрана. Я уверен, что это не «увеличение», потому что браузер на самом деле увеличивает масштаб содержимого (то есть уменьшает количество пикселей на символ).

Может ли это поведение ctrl + быть достигнуто с использованием Javascript в качестве упражнения перед рендерингом после определения параметра разрешения / размера в окне просмотра?

Обновление : я пробовал @ media-запросы, которые масштабируют размеры шрифтов и некоторые другие вещи, но это не помогает масштабировать изображения и остальную часть содержимого (например, отступы и т. Д.) В сбалансированный путь. Что наиболее важно, он не удовлетворяет условию ограничения размера данного элемента div, говоря «610px и все же занимая 75%» доступной ширины экрана.

Это похоже на изменение разрешения, если мы нажимаем Ctrl + в браузерах на основе Gecko / Webkit. Извините, не могу принять ответ ниже.

Ответы [ 2 ]

3 голосов
/ 16 февраля 2012

В основном да. IE6,7 имеет zoom, а IE8 имеет -ms-zoom

У всех остальных есть 2D-трансформации и scale(), так что вы прикрыты. см увеличить css / javascript

Я не видел, чтобы кто-нибудь применил такой эффект ко всему документу, поэтому все может быть ошибочно Наслаждайтесь!

1 голос
/ 07 декабря 2011

Я уверен, что это возможно с javascript, как кажется, что большинство вещей, но я думаю, что это именно та проблема, которую CSS Media Queries были специально разработаны длярешить.

Ознакомьтесь со статьей о Отзывчивый веб-дизайн на A List Apart

...