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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Каждый сайт в интернете имеет свой собственный размер текста и изображений, задаваемый вебмастером. Однако информация оказывается читабельной не для всех пользователей. Если вы с трудом можете разобрать, что написано на вебсайте, вам будет полезно узнать, как можно увеличить масштаб интернет-страницы в Яндекс Браузере. Также в статье описывается процесс настройки шрифтов отображаемого контента.

Наиболее простой способ увеличить или уменьшить масштаб веб-страницы – воспользоваться специальными сочетаниями клавиш. Чтобы увеличить масштаб, то есть приблизить изображение, необходимо зажать клавишу «Control» и прокрутить колесико мыши от себя. Если вы хотите отдалить изображение, зажмите «Control» и крутите колесико на себя.

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

• Комбинация «Ctrl» и «+» позволяет приблизить содержимое Яндекс.
• Сочетание «Ctrl» и «-» отдаляет контент на страничке.
• С помощью комбинации «Контрол» и «0» вы сможете вернуть страницу в исходной состояние, то есть установить масштаб в 100%.

Обратите внимание, что данные горячие клавиши работают только в операционных системах Windows и различных дистрибутивах Linux. Если вы пользуетесь Mac OS – вместо клавиши «Контрол» вам необходимо зажимать специальную служебную кнопку, на которой изображен символ «⌘».

Альтернативный способ изменить масштаб интернет-страницы – воспользоваться стандартными инструментами в браузере Яндекс. Они располагаются на панели управления, которую можно вызвать с помощью специальной кнопки, которая располагается на «шапке» окна, левее управляющих кнопок.

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

Пользователи могут запустить Яндекс-браузер в полноэкранном режиме, в результате чего будет скрыт системный трей, панель быстрого доступа, кнопка «Пуск», а также верхняя строка окна программы, на которой располагаются кнопки «Закрыть» и «Свернуть». Таким образом, вы сможете получить еще больше места на экране для просмотра интересующей вас информации.

Для того чтобы активировать режим «Full Screen» в браузере Яндекс, можно воспользоваться кнопкой F11 на клавиатуре. Если вы пользуетесь персональными компьютерами от фирмы Apple, вам необходимо одновременно зажать клавиши «⌘», «Shift» и «F» (в русской раскладке это буква «А»). Комбинация будет работать при любом активном языке ввода и раскладке клавиатуры, а также при включенном режиме ввода заглавных букв «Caps Lock».

Если вы захотите вернуться в обычный оконный режим – еще раз нажмите горячую клавишу F11 (или соответствующую комбинацию для Mac OS). Вы также можете подвести курсор к верхней границе экрана, после чего появится кнопка возврата в обычный режим.

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

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

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

Давайте посмотрим, какой потенциал настроек масштабирования заложен в самом популярном браузере Google Chrome, а также в других представителях рынка веб-обозревателей, базирующихся на платформе Chromium.

Кнопки масштабирования отдельных веб-страниц спрятаны в главном меню Chrome. Это пункт меню «Масштаб».

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

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

Установить масштаб, альтернативный исходному 100%-ному, для всех веб-страниц, отображающихся в окне Google Chrome, включая настроечные вкладки самого браузера, можно в его настройках.

В поисковом поле настроек прописываем ключевой запрос «Вид страниц» – название раздела параметров масштабирования – и в выпадающем перечне графы «Масштаб страницы» выбираем оптимальный вариант.

Кроме смены масштаба, здесь же, в разделе настроек «Вид страниц» для всех веб-страниц в окне Google Chrome может быть применен отличный от предустановленного размер шрифта текста публикаций – мелкий, средний, крупный, очень крупный.

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

Но стоит учитывать, что настройки шрифтов отдельными сайтами могут игнорироваться.

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

Расширение Zoom реализует удобный доступ к масштабированию прямо на панели инструментов Chrome. Это появляющаяся небольшая панель с кнопками увеличения и уменьшения масштаба, кнопкой его сброса к исходному значению, а также ползунком и пошаговой накруткой для тонкой настройки отображения веб-страницы.

Тогда как штатный механизм масштабирования Chrome делает резкие скачки, перепрыгивая, например, с 110% сразу к 125%, расширение Zoom позволяет менять масштаб страницы и резкими скачками, и плавно с накруткой каждого отдельного процента. Вспомним, не такой точно, но похожий механизм для удобного масштабирования был реализован в старой Opera 12.

Расширение Zoom All – это альтернатива настройкам Chrome по заданию единого масштаба для всех веб-страниц. Альтернатива более удобна тем, что масштаб управляем с помощью отдельной кнопки прямо на панели инструментов браузера. Расширение Zoom All – это еще и более гибкая альтернатива, поскольку при настройке масштаба предлагаются небольшие скачки. Увеличивать и уменьшать масштаб всех веб-страниц в окне браузера можно на каждые 10%, а не прыгать со 125% до 150%, как это предусматривается настройками масштабирования самого Chrome.

Расширение iZoom предназначено для автоматической настройки оптимального масштаба на веб-страницах Chrome. При клике на кнопку расширения его можно при необходимости отключать, а потом снова включать в первой графе «Enabled» (включение – «Yes», отключение – «No»). iZoom предлагает три режима автоматического масштабирования. Первый режим – «Shrink Only» – фиксирует все веб-страницы на 100%-ном масштабе и адаптирует содержимое окна Chrome так, чтобы не было горизонтальной полосы прокрутки. Второй режим – «Grow Only» – постоянно удерживает страницы по ширине окна и предусматривает их увеличение с появлением горизонтальной полосы прокрутки. Третий режим – «Shrink And Grow», он, как и предыдущий, обеспечивает масштаб по ширине окна, но при дальнейшем увеличении масштаба манипулирует только веб-элементами и не допускает появления горизонтальной полосы прокрутки.

После смены режима масштабирования необходимо обновить веб-страницу. В дополнительных опциях расширения – «Advanced Options» – можно установить значение максимально и минимально допустимого масштаба для отдельных режимов («Maximum Zoom Allowed»), чтобы скорректировать момент появления горизонтальной полосы прокрутки. Отдельные сайты можно внести в список исключений – «Exceptions», чтобы на них не распространялось действие расширения iZoom.

Как упоминалось выше, Google Chrome (имеется в виду без расширений) запоминает настроенный для каждого отдельного сайта масштаб. Настройки масштабирования не синхронизируются с профилем Google и привязываются только к конкретному компьютерному устройству. Предполагается, что другое компьютер имеет отличный экран, и для него, соответственно, будет актуален иной масштаб. Но в случаях замены монитора или применения другого масштаба в настройках экрана Windows может возникнуть надобность сброса настроек масштабирования в Chrome. В качестве альтернативы клавишам Ctrl+0, которые нужно жать на каждом отдельном сайте, для этих целей браузер может предложить удобную форму в настройках. Она позволит оперативно сбросить масштаб всех веб-сайтов профиля, для которых ранее устанавливалось отличное от исходного значение. В разделе настроек Chrome вписываем ключевой запрос «Настройки контента» и в графе «Личные данные» жмем кнопку «Настройки контента».

Ищем графу «Масштабирование» и жмем «Настроить».

Увидим перечень всех сайтов с отличным от исходного масштабом. Удаляем эти настройки нажатием на крестик в конце строки каждого сайта. По завершении жмем «Готово».

Потом нажимаем «Готово» в предшествующем окошке.

Google Chrome – одна из тех программ, которую касается проблема размытости шрифтов при установке большего, чем 100%, масштаба в настройках экрана системы Windows 10. И поскольку браузер позволяет масштабировать веб-содержимое собственными средствами, установленный для Windows 10 больший масштаб конкретно для Google Chrome можно отключить. Впрочем, как можно это сделать и для других программ, в окне которых отображаются размытые шрифты. Делается это в свойствах ярлыка запуска каждой отдельной программы. На рабочем столе Windows 10 ищем ярлык Google Chrome, вызываем на нем контекстное меню, выбираем «Свойства».

Переключаемся на вкладку «Совместимость». Выставляем галочку на опции отключения масштабирования при высоком разрешении экрана и применяем изменения.

А вот добиться в Chrome увеличения масштаба верхней панели инструментов, где, в частности, располагаются кнопки расширений, нельзя. Ни средствами самого браузера, ни с помощью его расширений. Как и нельзя увеличить масштаб главного меню Chrome. Здесь можно рассчитывать только на масштабирование экрана средствами самой Windows. Так что если говорить о комфортной работе на устройствах с маленькими экранами и сенсорным управлением, то, увы, здесь Google Chrome будет заметно проигрывать другим браузерам. Под рынок Windows-планшетов более адаптированы браузеры Microsoft Edge, Mozilla Firefox и Opera с их более массивными верхушками и панелью инструментов, попросторней, чем у Chrome. Ну и, конечно же, Яндекс.Браузер с новым интерфейсом .

Отличного Вам дня!

Инструкция

Используйте во всех интернет-браузерах для увеличения масштаба отображаемой страницы комбинацию клавиш Ctrl и «плюс», а для уменьшения – Ctrl и «минус». Чтобы вернуть масштаб просмотра страницы, равный 100%, нажмите комбинацию клавиш Ctrl и «ноль».

Запустите браузер Opera. Для изменения масштаба просматриваемых страниц используйте ползунок в правом нижнем углу окна программы. Перемещайте его мышкой слева направо, чтобы увеличить , и справа налево, чтобы уменьшить.

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

Запустите браузер Google Chrome. Щелкните мышкой по значку в виде гаечного ключа, расположенному в правом верхнем углу окна программы. Для изменения масштаба отображаемых страниц используйте кнопки «-» и «+» в соответствующей строке появившегося окошка либо щелкните мышкой по строке с надписью «Параметры».

Перейдите во вкладке настроек Google Chrome в раздел «Расширенные». Используя инструментарий подраздела «Веб-содержание», изменяйте на свой вкус не только масштаб отображения страницы целиком, но и отдельно размеры и настройки шрифтов.

Запустите браузер Mozilla Firefox. Щелкните по оранжевой кнопке с надписью Firefox в левом верхнем углу окна программы. Выберите в появившемся меню пункт «Настройки» - «Панель иструментов».

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

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

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