Как увеличить или уменьшить размер страницы. Изменяем масштаб страницы в браузерах

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

Так как "уникальные" для браузеров фичи признаны Вселенским Злом™, то из жабоскрипта масштабирование недоступно.

Масштабирование может быть реализовано самим сайтом с помощью возможностей CSS.

Правильный способ

Использовать относительные размеры для шрифтов (% , em и др.), в корне страницы менять размер базового шрифта.

Для остальных элементов можно добавить дополнительные стили и опять же в зависимости от класса корня менять размер. Для картинок будет разумно округлять масштаб до "круглых" чисел вроде 50%, 33% и т. п.

Жёсткий способ

Использовать стандартное свойство CSS transform . Можно добавить в корень документа стиль transform: scale(N%) , тогда отмасштабируется вся страница. Учтите, что за качество и производительность никто не отвечает.

Костыльный способ

Ипользовать нестандартное свойство CSS zoom . Опять же в корень можно добавить zoom: N% . Поддержка не гарантируется, работает не во всех браузерах.

Пример правильного способа:

$(function() { var fontSize = 12; var imgScales = { small: 0.25, normal: 0.50, large: 1.00 } function setFontSize(fontSize) { var zoomLevel = "normal"; if (fontSize = 15) zoomLevel = "large"; var imgScale = imgScales; $("#root").css("font-size", fontSize + "pt"); $("#root").removeClass("zoom-small zoom-normal zoom-large"); $("#root").addClass("zoom-" + zoomLevel); $("img.scalable").each(function() { $(this).css("width", this.naturalWidth * imgScale); $(this).css("height", this.naturalHeight * imgScale); }); } $("#plus").on("click", function() { setFontSize(++fontSize); }); $("#minus").on("click", function() { setFontSize(--fontSize); }); }); #root { font: 12pt sans-serif; width: 500px; background: lightskyblue; } p { font-size: 1em; } h1 { font-size: 1.5em; }

+ −

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Все мы так или иначе ежедневно пользуемся компьютерами. Ежедневно мы проводим часы в браузерах или подобных приложениях. Замечали ли вы, что плохо видите текст, вглядываетесь и напрягаете глаза? Вы в этом не одиноки. К счастью, во всех популярных браузерах, а также программах можно увеличивать масштаб. Это значит, что вы будите видеть все содержимое программы лучше и четче.

Бывают случаи, когда некоторые элементы в браузере или в программе слишком крупные и вам из-за этого крайне проблематично пользоваться программой. Тогда необходимо уменьшить масштаб рабочей области. Вы сами можете выбрать, каким конкретно масштабом вам будет удобнее пользоваться.

Осуществить это довольно просто. Есть полностью универсальный способ, который подходит для большинства браузеров программ и прочих приложений. Для его использования вам понадобится работающая клавиатура и мышка. Все что вам нужно сделать, это:

Зажать клавишу «Ctrl», которая традиционно находится в левом нижнем углу клавиатуры.

Не отпуская клавишу «Ctrl» вращайте колесико вашей мышки вперед, если хотите приблизить изображение, или назад, если хотите его отдалить.

Примечание! Можно использовать не колесико мыши, а кнопку «+» или «-» на вашей клавиатуре. Эффект будет абсолютно одинаковый.

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

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

Изменение масштаба в браузерах

Разберём конкретные случаи изменения масштаба именно в браузерах. Именно в таких программах люди часто читают книги, листают ленты социальных сетей – другими словами работают с элементами, которые требуют изменения масштаба. Во всех популярных браузерах этот процесс чем-то похож и сам по себе очень простой.

Примечание! По умолчанию во всех браузерах выставляется масштаб 100%.

Давайте начнем именно с этого браузера и разберём 3 способа изменения масштаба страницы в нем.

Яндекс Браузер

На заметку! Помните также про универсальный способ с клавишей «Ctrl», который вы сможете применить и тем самым

К еще одному способу можно отнести изменение масштаба во всем браузере. То есть, изменение масштаба экрана, а не конкретной станицы.

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

Google Chrome

Mozilla Firefox

Аналогично меняется масштаб и в этом браузере. Для изменения нужно:

Internet Explorer

Здесь в процессе изменения масштаба появляются отличия:

Интересно! Internet Explorer оказался единственным в списке браузером, у которого масштаб по умолчания 150%.

Opera

В процессе изменения масштаба в этом браузере также нашлись некоторые отличия. Вам будет нужно:

Safari

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

Интересно! Все вышеперечисленные инструкции для изменения масштаба актуальны не только для обычных компьютеров, но и для ноутбуков. Алгоритм действий там будет такой же.

Как вернуть исходный масштаб

Рассмотрим на примере Яндекс браузера. Что делать, если слишком сильно приблизили страницу, и теперь ей стало неудобно пользоваться. Конечно, можно просто аналогичным образом уменьшит масштаб, например, с помощью сочетание клавиш «Ctrl»+«+». Но есть и другой способ:

Открываем настройки браузера и листаем до раздела «Личные данные».

Нажимаем на кнопку «Настройки содержимого» и листаем в низ, вплоть до кнопки «Масштаб».

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

Изменение масштаба в программе Microsoft Word

В текстовом редакторе очень важно хорошо рассматривать все элементы интерфейс, а также сам текст. Для этого иногда нужно увеличивать масштаб.

В этой программе есть два способа для изменения масштаба. Стоит отметить, что оба способа хорошо работают, как на Word 2010, так и на более современных версиях.

Первый способ. С помощью шкалы в правом углу экрана

Как только Вы откроете Word, на экране появится пустая белая рабочая область:

Второй способ. Во вкладке «Вид»

Изменение масштаба экрана компьютера

Бывают случаи, когда не устраивает масштаб, не в конкретном браузере или программе, а в целом, во всем компьютере. Выход есть и из этой ситуации, вам будет нужно:

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

Видео — Как увеличить/уменьшить масштаб страницы в Яндекс Браузере

Далеко не каждый сайт оформлен удобно и понятно.

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

Даже если глаза работают хорошо, посетителю может просто не нравиться шрифт.

И вообще нежелательно напрягать глаза, пытаясь рассмотреть совсем мелкие буквы.

Чтобы пользователям браузера было удобнее, Яндекс внес функции изменения размеров букв и масштаба страницы.

Как изменить размеры шрифта сразу всех страниц на яндекс браузере?

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

Неважно, на какой страничке вы находитесь, посмотрите на верхний правый угол, где есть иконка в виде трех горизонтальных прямых. Нажав на нее, вы увидите перечень функций браузера, выбираете «Настройки».

Проведите курсором до самой нижней части страницы и увидите значок «Дополнительные настройки». На это и нужно нажать.

Здесь вам нужно найти «Веб-содержимое», где и необходимо производить изменения. Можно справиться быстрее: изменить масштаб страницы, отчего изменят свои габариты все ее элементы.

Шрифт по габаритам делится на:

очень мелкий;
мелкий;
средний;
крупный;
очень крупный.

При желании вы можете поменять только размер шрифта.

Но также можете полностью заменить его новый, изменив размер и поменяв вид стиля. Для этого нужно нажать на «Настроить шрифты», и выйдет следующее окно.

Сами размеры выставляются стандартные. Но, как видите, заменить их на более удобные и красивые не так сложно.

Рассмотрим, как может меняться вид сайта после изменений.

Вы же оформите все так, как понравится вам (при желании можно убрать измененный шрифт). Работа станет более приятной: нет ни слишком крупных шрифтов, ни мелких — все имеет одинаковый вид, в том числе:

ваши почты (емейл, янлекс);
ваши социальные сети, к примеру, ВКонтакте.

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

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

Можно ли поменять размер только одной страницы?

Что делать, если вы не хотите изменять шрифт сразу на всех посещаемых сайтах? Поменять габариты лишь одной странички. Чтобы добиться этого, необходимо нажать сразу на клавиши «Ctrl» и знаки «-» и «+».

Всем привет!!! Сегодня я вам расскажу, как можно увеличить масштаб страницы в интернете. Так что если ваш любимый сайт «Вконтакте» или «Одноклассники» маленьких размеров, и вам тяжело читать мелкий тест, то после этой статьи вы сможете увеличить масштаб страницы всего в 1-3 клика.
Эта возможность и функция не даст вам ослепнут при чтении страниц мелкого масштаба.
Итак, приступим.

Чтобы увеличить масштаб страницы, в браузере Google Chrome выполните такие действия:
– нажмите на кнопку сверху в правом углу «Настройка и управление Google Chrome» .
– в выпадающем меню выберите пункт «Масштаб» .
При нажатии на «+» , масштаб страницы будет увеличиваться.
При нажатии на «-» , масштаб страницы будет уменьшаться.
– это кнопка полноэкранного режима работы браузера. Чтобы выйти из полноэкранного режима работы браузера в стандартный, нажмите на клавишу на клавиатуре «F11 ».

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

«Ctrl» + «0» - функция сброса, то есть, масштаб стандартный 100%.

Чтобы увеличить или уменьшить масштаб в браузере Opera, следует сделать такие действия:
нажмите на кнопку в браузере «Вид» => «Масштаб» . Выбираете подходящий процент масштаба.

«Ctrl» + «+» - масштаб увеличится
«Ctrl» + «-» - масштаб уменьшится
«Ctrl» + «0» - функция сброса (масштаб стандартный 100%)

Чтобы увеличить или уменьшить масштаб в браузере Internet Explorer, следует сделать такие действия:
нажмите на кнопку в меню «Вид» => «Масштаб» .

Если вы не можете найти кнопку «Вид» , тогда кликните правой кнопкой мыши по пустому полю вверху браузера. Появится меню. Выберите в том меню пункт «Строка меню» . После этого кнопка «Вид» появится.

Для быстрого увеличения и уменьшения масштаба можно использовать горячие клавиши на клавиатуре:
«Ctrl» + «+» - масштаб увеличится
«Ctrl» + «-» - масштаб уменьшится
«Ctrl» + «0» - функция сброса, то есть масштаб стандартный 100%.

Чтобы увеличить или уменьшить масштаб в браузере Mozilla Firefox, нужно найти Меню. Если у вас нет Меню в браузере, следует его включить, нажав правой кнопкой мыши по пустому полю вверху браузера. Появится меню. Выберите в том меню пункт «Панель меню» .
У вас появится главное меню. Выберите «Вид» => «Масштаб» .

Вот и все. Теперь вы знаете, как увеличить или уменьшить масштаб страницы в интернете.

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

Нет стандартного размера для мониторов, какое бы ни было разрешение экрана: 800×600, 1024×768, 1280×1024 или иное, большинство современных обозревателей автоматически подстраивают все необходимые параметры под актуальные технические характеристики. Однако, иногда приходится корректировать масштаб и шрифт самостоятельно. Сделать это совсем не сложно, если знать как. По умолчанию, для всех веб-браузеров прописывается единая команда управления этими параметрами – зажав клавишу «Ctrl » жмете плюс, либо минус .

Изменить масштаб и шрифт в Яндексе и Хроме

Чтобы изменить отображение содержимого страницы «Хрома» достаточно нажать на кнопку меню , расположенную в верхнем правом углу браузера (на ней нет надписей, только три точки, расположенные вертикально, одна над другою). Откроется окошко, где седьмая строчка — блок быстрого доступа к настройкам масштаба. Выбираете + или –в зависимости от того хотите увеличить или уменьшить размеры отображаемого браузером содержимого.

У «Яндекс» изменение этих настроек тоже не отличается замысловатостью – всё точно так же, нам нужен правый верхний угол, жмем на кнопку вызова меню . Она тут с тремя горизонтальными полосками. Затем, нажимая плюс или минус , регулируем отображаемый размер. Есть еще второй, более мудреный способ – открыв меню нажать на подраздел «настройки », пролистать вниз до метки «дополнительные настройки », открыв их – находим пункт «масштаб », который позволит нам изменять величину отображения (важно: здесь стоят проценты, а не пиксели).

Используем Оперу

Чтобы изменить величину шрифта или изображения пользователю «Оперы» нужно будет нажать на кнопку вызова меню , ищем её наверху, справа. Выполнена она как обычная красненькая буква «О». Вам откроется выпадающий список, где вы сразу же увидите нужный раздел «масштаб ». Кнопочки для его настройки, представленные как знаки < или > позволят удобно изменять отображение. Справа от них расположена кнопка полного сброса этих настроек на заводские (на этой кнопочке нет надписей, только четыре стрелочки, направленные в центр кнопки).

Масштаб и шрифт в Мозилле

Те, кто предпочитает «Мозиллу» найдут доступ к изменению нужных нам настроек, открыв меню . Инструмент регулирования расположен на самой верхней строчке подменю, представлен он как: + 100% — (минус).

Чтобы открыть само меню, жмем на значок, выполненный как квадратик серого цвета с тремя поперечными полосками. Кроме того, вы можете изменять отображение содержимого окна обозревателя при помощи колесика мыши , для этого следует проворачивать колесико, предварительно зажав клавишу Ctrl .

Пользователю «Эксплорер» чтобы изменить параметры отображения страницы или размеры отображаемого шрифта, нужно нажать значок вызова меню настроек , выполнен он как небольшая шестеренка светло-синего цвета. Располагается кнопка стандартно – верхний правый угол. Третий подраздел открывающегося выпадающего списка «масштаб » — может быть неактивен до тех пор, пока вы не загрузите любую страницу. Но стоит вам открыть любой сайт или просто что-то набрать в поисковике – раздел будет активен, а настройки станут доступны (небольшой черный треугольник размещенный справа).