Не многим пользователям известно, Такая информация может быть весьма полезна, не только в ситуациях, когда интерфейс сайта или программы затрудняет чтение или требуется увеличить объект, чтобы рассмотреть. Нередко случается, что пользователь сам случайно увеличивает или уменьшает масштаб экрана, а как вернуть его в изначальное положение не знает. Поэтому мы более подробно рассмотрим вопрос масштабирования в рамках браузера и экрана ПК в целом.
Когда пользователь точно знает, как изменить масштаб изображения экрана то процесс занимает минимум времени и выполняется буквально в два щелчка мыши. Давайте более детально разберём вопрос как масштабировать экран в браузере.
Google ChromeЕсли крупные значки экрана стали следствием изменения разрешения, то необходимо вернуть настройки в рамки рекомендованных. Для этого достаточно щёлкнуть на пустом месте правой кнопкой мыши и выбрать пункт меню «Разрешение экрана». В соответствующем пункте выпадающее меню покажет доступные параметры и выделит рекомендованное значение в соответствии с диагональю текущего монитора. Выбираем это значение.
Если необходимо уменьшить размеры не только значков, но и надписей, то в текущем окне настройки разрешения следует выбрать раздел «Сделать текст и другие элементы больше или меньше». По ссылке откроется окно, отвечающее за удобство чтения с экрана, в нём есть три варианта масштабов.
Изменить размер значков на экране можно также щёлкнув правой кнопкой мыши на пустом пространстве. Выбираем «Вид» и устанавливаем предпочтительный размер ярлыков, доступно три варианта: мелкие, обычные и крупные. Кроме того, можно уменьшить масштаб иконок нажав кнопку ctrl и покрутив колесико мыши.
Операционная система AppleПоследнее время всё большую популярность набирают компьютеры . Всем известно, что эти устройства имеют собственную операционную систему, поэтому стоит уточнить
Mac OS X.
Аналогичным образом с задачей справится и трекпад. Зажимаем горячую кнопку и проводим по трекпаду двумя пальцами вниз для уменьшения и наоборот.
Ещё одна ОС, которой хочется уделить внимание. Хоть она в большей степени используется для обслуживания серверов, нередко оболочка встречается и у обычных пользователей.
Управление масштабом экрана в этой оболочке не менее простое, чем в предыдущих вариантах. В зависимости от ситуации рассмотрим процесс уменьшения или увеличения зума, необходимый для более удобного пользования устройством. Единственное уточнение, подход действует только в рамках обозревателя файлов и не влияет на масштаб рабочего стола.
Это функция браузера, которая не описана в стандартах. Браузеры вольны реализовывать масштабирование так, как захочется левой пятке архитектора браузера, а также учитывать предпочтения юзера в настройках.
Так как "уникальные" для браузеров фичи признаны Вселенским Злом™, то из жабоскрипта масштабирование недоступно.
Масштабирование может быть реализовано самим сайтом с помощью возможностей 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»+« scrl» (скролл, колесико мыши). Достаточно просто при зажатой кнопке Ctrl прокрутить колесо на мыши вверх или вниз в зависимости от того, в какую именно сторону вы собираетесь менять масштаб. Стоит отметить, что при использовании такого метода шаг корректировки составляет 5% за каждый щелчок колеса, поэтому у вас может получиться довольно подробная и точная настройка. Если же потом вы захотите вернуть нормальное значение, то достаточно просто нажать комбинацию клавиш «Ctrl»+«0» .
Также можно использовать меню настроек:
Помимо всего прочего, для удобства использования браузера вы можете просто-напросто открыть его на весь экран, что делается через это же меню или же путем нажатия клавиши «F11 ».
Настраиваем все вкладкиВторой вариант более сложный. Вы можете задать настройки, при которых будут открываться абсолютно все страницы, то есть сделать все их немного больше или меньше в зависимости от ваших предпочтений. Если у вас присутствует проблема с отображением не конкретной, а в принципе всех страниц, и с них трудно нормально воспринимать информацию, то такая детальная настройка представляет для вас идеальный вариант. Чтобы это сделать, вам нужно выполнить следующее:
Таким образом, вы заранее зададите настройки для любой открываемой вами вкладки, и потом вам уже не придется детально устанавливать масштабы для каждой из них.
Загружаемая в браузере страница имеет собственный дизайн, размер и название шрифтов. Для людей с плохим зрением или просматривающих сайт на маленьком экране, может понадобиться увеличить масштаб экрана или наоборот, уменьшить.
В Яндекс Браузере, предусмотрено несколько способов изменения масштаба – от применения горячих клавиш, до выбора масштаба в настройках.
Как изменить масштаб экрана в Яндекс БраузереИнструмент для изменения масштаба не зависит от того, хотите вы уменьшить или увеличить размер страницы. Главное различие способов – необходимо применить изменение для всех просматриваемых сайтов или для одного конкретного.
Давайте рассмотрим все способы, начиная с самых простых и заканчивая наиболее сложными.
После , все настройки для отдельно взятых сайтов – сотрутся.
Применив горячие клавиши, вы измените масштаб для одного конкретного сайта или страницы. Яндекс Браузер сохранит размеры и при следующем открытии, от вас не потребуется дополнительных действий.
1. Откройте в обозревателе необходимый сайт или страницу.
2. Зажмите клавишу «CTRL» и прокрутите колесо мыши:
- От себя – для увеличения масштаба;
- На себя – для уменьшения.
3. В это время, под адресной строкой обозревателя, появится окошко, информирующее об изменениях.
4. В качестве альтернативы, вы можете использовать комбинацию клавиш «CTRL +» и «CRTL –».
Окно настроекАналогом горячих клавиш, выступает окно настроек, открыв которое, вы с той же легкостью измените масштаб.
1. Кликните на кнопку, с изображением трех горизонтальных линий.
2. С помощью кнопок «+» и «-» доведите размер страницы, до необходимого.
Как и при использовании предыдущего способа, поправки для этого сайта сохраняться.
Как отменить внесенные измененияВсе правки масштаба для отдельных сайтов, Яндекс Браузер сохраняет в отдельном файле, чтобы при следующей загрузке, страница отображалась с измененным размером.
Вернуть размер в прежнее состояние можно двумя способами:
- Использовать описанные выше средства;
- Удалив внесенные коррективы в настройках.
С первым пунктом не возникнет сложностей, а вот второй разберем подробнее.
1. В настройках Яндекс Браузера, найдите пункт «Личные данные».
2. Откройте «Настройки содержимого» и пролистайте страницу до конца.
3. Нажмите кнопку, указанную на скриншоте и удалите адрес ресурса, для которого необходимо вернуть масштаб в первоначальное состояние.
4. Нажмите на «Готово» и выйдите из настроек.
Изменение масштаба интерфейса браузераДля изменения размера всех загружаемых страниц и интерфейса Яндекс Браузера, требуется покопаться в настройках.
1. Перейдите в настройки обозревателя и найдите раздел «Веб-содержимое».
2. В пункте «Масштаб страницы», выберите нужный процент увеличения или уменьшения.
3. Продолжайте просмотр страниц, не перезагружая обозреватель.
Вот так, с помощью всего пары кнопок и нескольких секунд времени, вы можете, как уменьшить, так и увеличить масштаб страниц и интерфейса в Яндекс Браузере.
Бывает, открываешь страничку на сайте, а шрифт настолько мелкий, что невозможно прочесть, или же прочесть можно, но глаза устают достаточно быстро. И это, если зрение 100%, а что делать в случае, если зрение похуже? Конечно, при чтении обычной бумажной книги не поможет ничего, кроме очков или увеличительного стекла. А вот при работе на компьютере все довольно просто, можно прибегнуть к такой функции, как увеличение масштаба страницы.
Как увеличить масштаб страницы в браузере с помощью клавиатурыУвеличение шрифта возможно стандартный способом, который достаточно универсален. Для этого нужно использовать комбинацию клавиш «Ctrl» и «+» (плюс). Для этого нажимаем Клавишу «Ctrl», удерживаем ее, в это время нажимаем «+» на цифровой клавиатуре. С каждым нажатием клавиши «+» масштаб будет увеличиваться все больше и больше. Если вы переусердствовали и слишком уж увеличили содержимое страницы, можно вернуть все в исходное положение с помощью комбинации клавиш «Ctrl» и «0» (цифра ноль). Или же немного уменьшить с помощью комбинации «Ctrl» и «–» (минус).
Как увеличить масштаб страницы в браузере с помощью клавиатуры и мышиТакже распространенным способом изменения масштаба страницы является комбинированное использование клавиатуры и мышки. Для этого на клавиатуре зажимают клавишу «Ctrl», затем крутят колесико мышки вверх, чтобы увеличить масштаб страницы, или вниз, чтобы уменьшить его.
- В браузере «Mozilla Firefox» нажимаем на кнопку меню в правой верхней части экрана. Откроется меню настройки, в самом верху меню указан используемый масштаб страницы, и кнопки «–» слева и «+» справа для уменьшения либо увеличения масштаба. Нажав «+», увеличиваем содержимое страницы до требуемого размера.
- В браузере «Opera» слева вверху экрана нажимаем на кнопку «Меню». Находим пункт меню «Масштаб». Справа указан текущий размер, по умолчанию это 100%, и стрелочки, которые помогут изменить масштаб до желаемого размера.
- В браузере «Google Chrome» кнопка доступа к меню находится справа в верхней части экрана, расположение и внешний ее вид практически такие же, как у «Mozilla Firefox». Открыв меню, находим «Масштаб» и регулируем размер с помощью кнопок «–» или «+».
Как видим, каждый пользователь компьютера, даже начинающий, без труда самостоятельно справится с такой простой задачей, как изменение масштаба страницы в браузере.