Изменяем масштаб страницы в браузерах.

07.09.2019

Всем привет!!! Сегодня я вам расскажу, как можно увеличить масштаб страницы в интернете. Так что если ваш любимый сайт «Вконтакте» или «Одноклассники» маленьких размеров, и вам тяжело читать мелкий тест, то после этой статьи вы сможете увеличить масштаб страницы всего в 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, нужно найти Меню. Если у вас нет Меню в браузере, следует его включить, нажав правой кнопкой мыши по пустому полю вверху браузера. Появится меню. Выберите в том меню пункт «Панель меню» .
У вас появится главное меню. Выберите «Вид» => «Масштаб» .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как изменить масштаб текста в браузере

Существует множество различных браузеров и проблема масштабирования шрифтов во всех решается своими средствами. Имеется принципиальное различие в способах изменения размеров контента на стационарных и мобильных компьютерах. Полезно рассмотреть хотя бы самые распространенные варианты.

Ниже на скриншоте браузер Google Chrome. В меню у него есть функция изменения масштаба. Вы можете сделать контент гигантским или крохотным.

Очень хорошая опция – мало кому понравится постоянно пользоваться горизонтальной прокруткой при чтении текстов, особенно большого объема. Если шрифт слишком мелкий – нужно использовать комбинацию Ctrl+Плюс. А если текст слишком крупный – Ctrl+Минус. Просто и удобно.

А если нужно поменять масштаб не текста, а всей страницы? Это еще легче. Для масштабирования всего изображения целиком используется компьютерная мышь. Нужно удерживать клавишу Ctrl и вращать колесико на мыши. Если крутить на себя – уменьшается размер страницы. А если вращать колесико от себя – она увеличивается.

Наибольшими удобствами для чтения текстового контента на сайтах в интернете обладает Opera. Это самый популярный интернет-обозреватель в нашей стране. С помощью комбинации клавиш Ctrl+F11 можно подогнать длину строки по ширине экрана монитора.

Такие способы масштабирования работают в большинстве типов браузеров. Только в других обозревателях не предусмотрена функция Word Wrap – автоматический перенос строки по размеру страницы.

Увеличение масштаба в тестовом редакторе

Универсальные методы, указанные выше, действуют и в таких приложениях, как Microsoft Word, Notepad, Wordpad и другие. Т.е. тут работает та же комбинация Ctrl+Плюс, и Ctrl + колёсико мыши (вверх или вниз)

Функция Ворд-врап присутствует в текстовых редакторах и офисных пакетах профессионального уровня. Называться эта опция может по-разному.

  • Перенос строки.
  • Word Wrap.
  • Вид “как в браузере”.
  • Web-формат.

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

Часто в текстовых редакторах для изменения масштаба страницы предусмотрена особая панель со знаками Плюс и Минус. Или же можно заменить масштаб перетаскивая ползунок стрелкой мыши. Сочетание колесика мыши и клавиши Ctrl в текстовых редакторах обычно работает. Иногда имеется возможность изменять масштаб и размер шрифта при помощи отдельно настраиваемых горячих клавиш. Пользователь может выбрать любые удобные в работе сочетания для масштабирования.

Как упоминалось выше, во многих обозревателях отсутствует опция автоматического переноса строки по ширине мотора. Как же быть в таком случае? В таких браузерах можно изменять масштаб страницы и размеры шрифтов через меню Настройки. Отрыть меню Настройки, зайти во вкладку Содержимое, затем Масштабирование и произвести установки по своему удобству. Названия пунктов меню настроек могут быть индивидуальными для разных типов браузеров.

Масштабирование в мобильных компьютерах

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

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

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

А как на планшетах решается вопрос с масштабированием текстов? Некоторые типы мобильных браузеров имеют опцию подгонки текста по ширине (перенос строки). Мобильный браузер Опера имеет такую функцию. Только вот она не во всех версиях Оперы корректно работает. Еще имеет функцию Word Wrap один из лучших мобильных браузеров Dolphin.

Мобильные браузеры Mozilla Firefox и Google Chrome традиционно не имеют функции подгонки страницы под ширину экрана. Зато в этих двух браузерах очень удобно и быстро можно изменять размеры основного текста в Настройках. Нужно открыть Настройки и найти Размер Текста. Там будет показан образец размера шрифта. Передвигая пальцем ползунок масштабирования пользователь может наглядно выбрать самый удобный для чтения размер букв. После возвращения из настроек на сайт, все тексты на веб-страницах будут именно такого размера. Правда, есть такие сайты, на которых масштабирование текстов запрещено на уровне кода. Тут уж ничего не поделаешь – придется вооружиться лупой. А лучше просто покинуть такой сайт, на котором не заботятся о здоровье глаз пользователей.

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

Для смены величины дисплея не нужно устанавливать дополнительных программ. Это легко сделать с помощью обычных настроек.

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

Для Windows 7

Шаг 1. Нажмите на кнопку «Пуск». Перейдите в «Панель управления». Там выберите раздел «Оформление и персонализация» – он находится в правой колонке.

Шаг 2. Найдите кнопку «Экран». Перейдите в «Разрешение экрана». Там вы можете выбрать дисплей, ориентацию и тот масштаб, который подойдёт именно вам. Windows подскажет рекомендуемое разрешение экрана – 1920 х 1080, но лучше ориентироваться на тот размер, что удобен лично вам.

Вот видео, отлично демонстрирующее, как уменьшить экран (поменять расширение экрана) на Windows 7:

Для Windows 10

Шаг 1. Нажмите на кнопку «Пуск». Перейдите в «Параметры» (для этого нужно выбрать изображение колеса). В высветившемся меню нажмите на первую кнопку («Система»). По умолчанию вы попадаете на вкладку, где с помощью некоторых действий дисплей можно уменьшить («Экран»).

Шаг 2. На начальном этапе настроек вы можете выбрать ориентацию дисплея (по умолчанию стоит «Альбомная»), настроить яркость. Чтобы понять, как увеличить размер шрифта на экране компьютера, далеко ходить не нужно – функция доступна на этой же вкладке (по умолчанию стоит «100%»).

Шаг 3. Для расширенных настроек нажмите «Дополнительные параметры» внизу. Теперь вам будет доступно изменение следующих функций:

  • разрешение экрана;
  • параметры цвета (управление и калибровка);
  • сопутствующие настройки (ClearType, уменьшить размер шрифта).

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

Второй способ: использование клавиатуры

Многие пользователи прибегают к следующему методу, при котором придётся применять клавиатуру. Способ считается самым лёгким, так как уменьшить или изменить экран можно мгновенно – требуется всего лишь запомнить сочетание клавиш.

Одновременное нажатие Ctrl и «+» увеличивает дисплей на 10%, а Ctrl и «-» – уменьшает на такое же количество. Используйте комбинацию клавиш до тех пор, пока результат вас не удовлетворит. Сочетание Ctrl + 0 вернёт первоначальный размер отображения. Теперь вы знаете, что настроить экран монитора с помощью клавиатуры – просто.

Как изменить размер экрана в разных браузерах и приложениях

В программе Microsoft Word пользователь сталкивается со такой проблемой: сочетание Ctrl и клавиши «+» (или клавиши «-») не работает. Поэтому приходится думать, как уменьшить размер экрана во время работы на компьютере по-другому. Решений несколько:

  • отыщите кнопку Ctrl, зажмите и крутите колесико мышки, чтобы изменить масштаб. При вращении в свою сторону изображение уменьшается, а в другую, противоположную вам – увеличивается;
  • используйте ползунок масштабирования.

В некоторых программах его расположили в абсолютно разных местах – иногда противоположных. К примеру, разработчики Microsoft Word оставили ползунок в правом нижнем углу (строка с процентами), а создатели браузера Chrome разместили панель в правом верхнем углу. Чтобы увеличить или дисплея, нужно нажать на три точки в углу (клавиша «Настройка и управление Google Chrome»), а затем найти в списке вкладку «Масштаб».

Как сделать комфортный масштаб в других браузерах, если тяжело найти информацию о том, как настроить отображение? В Mozilla Firefox настройки отображения находится в том же месте (три горизонтальных полоски), а в Microsoft Edge вы вновь столкнетесь с тремя точками. Так как изменить масштаб экрана теперь не представляет сложности. А если нужно перевернуть экран, читайте о том, как это сделать . Перейдём к следующему вопросу.

Изменение размера значков

Величина иконок легко меняется, если она вас не устраивает или для ваших глаз такого размера слишком мало. Для этого необходимо нажать на свободное место настроенного дисплея и выбрать вкладку «Экран» (или «Параметры экрана», если вы пользуетесь Windows 10). В «семёрке» вероятно сразу же установить необходимые надстройки, а в «десятке» придётся нажать на ещё одну клавишу – «Дополнительные параметры».

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

Вышеуказанными методами можно легко изменить дисплей и его расширение. Не нужно настраивать дополнительные программы; менять размер, сильно сократить его или сделать маленькое расстояние между иконками можно, используя только стандартные настройки на вашем ноуте или компьютере.

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

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

Масштабирование может быть реализовано самим сайтом с помощью возможностей 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.