Как установить уровень масштабирования с помощью CSS - PullRequest
Новая
       11

Как установить уровень масштабирования с помощью CSS

9 голосов
/ 21 июля 2010

Я разрабатывал свое веб-приложение с определенным уровнем масштабирования для Firefox, который я установил изначально (используя ctrl + wheel). Теперь при тестировании на другом ПК с Firefox значение по умолчанию 100% кажется слишком большим. Могу ли я установить значение по умолчанию с помощью css?

Ответы [ 4 ]

11 голосов
/ 30 декабря 2011 

    <html>    
        <body>
            <div id="sampleDiv" style="width: 100px; background-color: Gray;">
                Zoom Me
            </div>
            <button onclick="sampleDiv.style.zoom='300%'">Zoom 300%</button>
            <button onclick="sampleDiv.style.zoom='200%'">Zoom 200%</button>
            <button onclick="sampleDiv.style.zoom='100%'">Zoom 100%</button>
        </body>
    </html>
7 голосов
/ 21 июля 2010

Как сказал DA, масштабирование - это настройка, управляемая пользователем, но вы можете изменять размеры относительно масштаба, и если пользователи не используют Ctr + - для определения размера, но могут изменить размер, установив размер шрифта по умолчанию, вы можете может переопределить эту настройку по умолчанию, установив размер шрифта в пикселях (в отличие от ems,% и т. д.) .... Однако это, как правило, считается плохой практикой, поскольку это может сделать надпись / размер не читаемой и неизменяемой для некоторых людей, которые не знают о Ctr + - и полагаются на размер шрифта по умолчанию.

Вы можете настроить размер относительно пользовательских настроек по умолчанию и масштабирования, установив размер шрифта в ems или%. Это изменит размер вещей относительно размера, заданного пользователем.

Это позволяет вам сделать так, чтобы каждая страница выглядела для другого человека так, как она выглядит для вас ... поскольку восприятие каждым человеком "малого", "среднего" и "большого" различно.

5 голосов
/ 21 июля 2010

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

4 голосов
/ 11 ноября 2014

Вы можете установить масштаб с помощью свойства CSS zoom. Это старая версия IE, которая также поддерживается в Chrome и Safari. 

.zoom
{
    zoom: 120%;
}

Однако, это, вероятно, не должно использоваться на живых сайтах ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...