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

Многие люди большую часть своего рабочего времени проводят за компьютером, и мы часто забываем, что при длительной работе за монитором в самую первую очередь основную нагрузку получают глаза. Специалисты утверждают, что оптимальное расстояние глаз от монитора находится в пределах от тридцати до пятидесяти пяти сантиметров, при этом ни в коем случае нельзя щуриться. Если при заданном расстоянии вам плохо виден текст интернет — ресурсов или к концу дня вы плохо стали его разбирать, то лучше увеличить масштаб страницы или сам текст, а не «тыкаться носом» в экран монитора. Как это сделать мы разберем ниже.

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

Существует несколько вариантов изменения масштаба отображённой информации на веб-ресурсах. Рассмотрим доступные варианты.

Чтобы увеличить масштаб страницы для улучшения читабельности с помощью меню интернет-обозревателя Firefox необходимо:

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

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

Чтобы изменить масштаб страницы с помощью комбинаций на клавиатуре, нужно, находясь на определённом сайте, нажать и удерживать клавишу «Ctrl» и одновременно нажимать кнопочку « + » на клавиатуре персонального компьютера для увеличения размера страницы, кнопочку « — » для его уменьшения, а цифра « 0 » сбросит его значение до стандартного. Также вместо кнопок «плюс» и «минус» можно использовать колёсико на компьютерной мыши, вращая его вперёд, при нажатой кнопке «Ctrl» вы увеличите масштаб, назад, уменьшите его.

Как увеличить буквы в Мозиле

Если вам необходимо изменить размер шрифта в тексте какого-либо интернет ресурса, то для этого необходимо, запустить веб–браузер, нажать на клавиатуре кнопочку «Alt». У вас сверху окна появиться традиционная строка меню браузера Firefox. Кликаем на пункт «Вид», затем наводим курсор на подпункт «Масштаб» и напротив функции «Только текст» ставим галочку.

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

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

Так же у браузера Mozilla есть функция установки минимального шрифта текстовой части интернет — сайта. При открытии какой-нибудь web-страницы, Firefox преобразует размер текста в пределах выставленного вами минимального размера. Для того чтобы задать минимальный размер текста необходимо следовать инструкции на следующей картинке ниже.

Если вы не хотите каждый раз при запуске или при переходе на другой интернет ресурс менять масштаб, то можете скачать специальное дополнение к браузеру, которое будет делать это за вас. Такое расширение называется «NoSquint Plus».

Для того чтобы его установить вам нужно:

Открыть поисковик Mozilla, зайти в меню браузера, выбрать пункт меню «Дополнения».

В открывшемся окне в строчке поиска вводим название расширения «NoSquint Plus», нажимаем на поиск (значок в виде лупы справа от окошка поиска). По окончании поиска выбираем нужное расширение, и справа от него нажимаем кнопочку «Установить».

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

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

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

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

Настройки браузера Опера

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

В новых версиях интернет-обозревателя ситуация немного изменилась, и ползунок разработчики убрали, поэтому действовать придется другим способом. Для начала заходим в Настройки. Сделать это можно как через кнопку Инструменты (Opera), так и нажатием сочетания Ctrl и F12. В открывшемся окне переходим на вкладку Веб-страницы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изменение масштаба

Да, именно эта функция позволяет без проблем читать даже тот текст, который кажется нечитабельным. Есть ли у этого действия какие-либо недостатки? Конечно, они есть. И о них нужно знать заранее:

• Без помощи пользователя масштаб не возвращается в исходное состояние.
• Неудобная горячая клавиша, из-за которой очень часто функция используется случайно.
• Необходимость дальнейшей прокрутки страницы не только по вертикали, но и по горизонтали.

Вот и всё – это основные проблемы данной опции. И сразу же отмечу, что я не просто так указал неудобную «горячую клавишу». Иногда пользователи случайно её задевают и не понимая, что случилось несут ПК в сервис. За 3 месяца работы таких случаев бывает 7-8. И этой горячей клавишей является сочетание кнопки ctrl и вращение колеса мыши. И случайно зажатый ctrl при попытке пролистнуть страницу очень часто даёт эффект «оно само».

Пример того самого «оно само» – случайным образом масштаб страницы был выведен на почти 500%.

Преднамеренное использование

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

Использовать данную функцию очень просто. Если навести курсор мыши на «настройки», то она является первой строкой в перечне.

Кнопки «+» и «-» отвечают за увеличение и уменьшение масштаба соответственно. Если клацнуть мышкой по самой цифре, то масштаб автоматически вернётся к стандартным 100%. Шаг изменения неравномерный. До 200% он идёт равным в 10%, потом по 50 до 250 и скачок до 500%. Но если повышать масштаб плавно, то начальный шаг сохраняется.

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

Еще один способ отмены масштабирования

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

Нажатие по этому значку выведет на экран сообщение о текущем значении масштаба и кнопку «по умолчанию». Нажатие на эту кнопку возвращает стандартные 100%.

Сама функция масштабирования пришла в Яндекс.Браузер от его прародителя . Там эта функция развивается и дополняется. Есть даже отдельная панель по управлению данной опцией, которая определяет каким образом производится процедура. Но в Яндекс.Браузере, который сделан как более простой и понятный пользователям данные настройки убрали. Да и в принципе, функцией пользуются в основном те, кому она действительно нужна. А простой человек редко даже задумывается о ней. Хорошо, что её вообще добавили.

Видео в помощь

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

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

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