Это функция браузера, которая не описана в стандартах. Браузеры вольны реализовывать масштабирование так, как захочется левой пятке архитектора браузера, а также учитывать предпочтения юзера в настройках.
Так как "уникальные" для браузеров фичи признаны Вселенским Злом™, то из жабоскрипта масштабирование недоступно.
Масштабирование может быть реализовано самим сайтом с помощью возможностей 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 IpsumLorem 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.
При посещении сайтов нередко можно встретить слишком мелкий или крупный текст, изображения неразборчивы или занимают слишком большое пространство на экране монитора. Во всех этих ситуациях, для постижения максимального комфорта восприятия контента, улучшения пользовательского опыта и эффективного выполнения рабочих задач, приходится изменять масштаб веб-страницы либо размеры шрифта. Как это делается практически?
Проблема с восприятием контента возникает не только в интернете, но и при работе с графическими и текстовыми редакторами. Чтобы увидеть документ в разных ракурсах, обеспечить максимальное удобство и производительность работы, тоже часто необходимо в ту или другую строну изменять масштаб изображения на экране компьютера.
Как изменить масштаб текста в браузереСуществует множество различных браузеров и проблема масштабирования шрифтов во всех решается своими средствами. Имеется принципиальное различие в способах изменения размеров контента на стационарных и мобильных компьютерах. Полезно рассмотреть хотя бы самые распространенные варианты.
Ниже на скриншоте браузер 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 традиционно не имеют функции подгонки страницы под ширину экрана. Зато в этих двух браузерах очень удобно и быстро можно изменять размеры основного текста в Настройках. Нужно открыть Настройки и найти Размер Текста. Там будет показан образец размера шрифта. Передвигая пальцем ползунок масштабирования пользователь может наглядно выбрать самый удобный для чтения размер букв. После возвращения из настроек на сайт, все тексты на веб-страницах будут именно такого размера. Правда, есть такие сайты, на которых масштабирование текстов запрещено на уровне кода. Тут уж ничего не поделаешь – придется вооружиться лупой. А лучше просто покинуть такой сайт, на котором не заботятся о здоровье глаз пользователей.
Насколько интернет-браузер гибок в настройках масштабирования, имеет большое значение. Не только создатель сайта в ответе за удобство своего детища, важную роль в цепочке доставки веб-контента пользовательской аудитории также играет веб-обозреватель. Плодотворную работу по настройке удобочитаемых шрифтов, оптимального размера изображений и веб-элементов сайта свести на нет может ущербность функционала масштабирования браузера. Такое, увы, встречается среди огромного числа браузеров для операционной системы Android. Но стоит учитывать, что на мобильных браузерах лежит огромная ответственность по адаптации веб-содержимого под маленькие экраны устройств и сенсорное управление. С браузерами для Windows дела обстоят проще из-за нестесненного пространства экранов компьютеров. Но если только говорить о ПК и ноутбуках. Экраны планшетов и нетбуков нуждаются в гибкости параметров масштабирования и самой Windows, и отдельных программ.
Давайте посмотрим, какой потенциал настроек масштабирования заложен в самом популярном браузере Google Chrome, а также в других представителях рынка веб-обозревателей, базирующихся на платформе Chromium.
Масштабирование отдельных сайтовКнопки масштабирования отдельных веб-страниц спрятаны в главном меню Chrome. Это пункт меню «Масштаб».
Масштабировать содержимое окна также можно клавишей Ctrl в сочетании с прокруткой колеса мыши или нажатием клавиш «+»/«-». Для возврата каждой отдельной веб-странице исходного 100%-ного масштаба предназначено сочетание клавиш Ctrl+0.
Google Chrome запоминает выставленный масштаб для каждой отдельной веб-страницы и применяет его для всего сайта. При следующем открытии любой из страниц этого сайта масштаб будет таким, каким он был установлен в предыдущий раз.
Масштабирование всех веб-страницУстановить масштаб, альтернативный исходному 100%-ному, для всех веб-страниц, отображающихся в окне Google Chrome, включая настроечные вкладки самого браузера, можно в его настройках.
В поисковом поле настроек прописываем ключевой запрос «Вид страниц» – название раздела параметров масштабирования – и в выпадающем перечне графы «Масштаб страницы» выбираем оптимальный вариант.
Установка размера шрифта для всех веб-страницКроме смены масштаба, здесь же, в разделе настроек «Вид страниц» для всех веб-страниц в окне Google Chrome может быть применен отличный от предустановленного размер шрифта текста публикаций – мелкий, средний, крупный, очень крупный.
Плюс к этому, нажав кнопку «Настроить шрифты», получим доступ к установке нужного размера для отдельных видов шрифтов и к смене кодировки.
Но стоит учитывать, что настройки шрифтов отдельными сайтами могут игнорироваться.
Расширения для масштабированияУвеличить возможности Google Chrome в плане настроек масштабирования веб-содержимого можно за счет расширений из магазина этого браузера. Рассмотрим отдельные из них.
Расширение ZoomРасширение Zoom реализует удобный доступ к масштабированию прямо на панели инструментов Chrome. Это появляющаяся небольшая панель с кнопками увеличения и уменьшения масштаба, кнопкой его сброса к исходному значению, а также ползунком и пошаговой накруткой для тонкой настройки отображения веб-страницы.
Тогда как штатный механизм масштабирования Chrome делает резкие скачки, перепрыгивая, например, с 110% сразу к 125%, расширение Zoom позволяет менять масштаб страницы и резкими скачками, и плавно с накруткой каждого отдельного процента. Вспомним, не такой точно, но похожий механизм для удобного масштабирования был реализован в старой Opera 12.
Расширение Zoom AllРасширение Zoom All – это альтернатива настройкам Chrome по заданию единого масштаба для всех веб-страниц. Альтернатива более удобна тем, что масштаб управляем с помощью отдельной кнопки прямо на панели инструментов браузера. Расширение Zoom All – это еще и более гибкая альтернатива, поскольку при настройке масштаба предлагаются небольшие скачки. Увеличивать и уменьшать масштаб всех веб-страниц в окне браузера можно на каждые 10%, а не прыгать со 125% до 150%, как это предусматривается настройками масштабирования самого Chrome.
Расширение iZoomРасширение 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 вписываем ключевой запрос «Настройки контента» и в графе «Личные данные» жмем кнопку «Настройки контента».
Ищем графу «Масштабирование» и жмем «Настроить».
Увидим перечень всех сайтов с отличным от исходного масштабом. Удаляем эти настройки нажатием на крестик в конце строки каждого сайта. По завершении жмем «Готово».
Потом нажимаем «Готово» в предшествующем окошке.
Устранение размытости шрифтов при масштабировании в Windows 10Google Chrome – одна из тех программ, которую касается проблема размытости шрифтов при установке большего, чем 100%, масштаба в настройках экрана системы Windows 10. И поскольку браузер позволяет масштабировать веб-содержимое собственными средствами, установленный для Windows 10 больший масштаб конкретно для Google Chrome можно отключить. Впрочем, как можно это сделать и для других программ, в окне которых отображаются размытые шрифты. Делается это в свойствах ярлыка запуска каждой отдельной программы. На рабочем столе Windows 10 ищем ярлык Google Chrome, вызываем на нем контекстное меню, выбираем «Свойства».
Переключаемся на вкладку «Совместимость». Выставляем галочку на опции отключения масштабирования при высоком разрешении экрана и применяем изменения.
Немасштабируемые элементы Google ChromeА вот добиться в Chrome увеличения масштаба верхней панели инструментов, где, в частности, располагаются кнопки расширений, нельзя. Ни средствами самого браузера, ни с помощью его расширений. Как и нельзя увеличить масштаб главного меню Chrome. Здесь можно рассчитывать только на масштабирование экрана средствами самой Windows. Так что если говорить о комфортной работе на устройствах с маленькими экранами и сенсорным управлением, то, увы, здесь Google Chrome будет заметно проигрывать другим браузерам. Под рынок Windows-планшетов более адаптированы браузеры Microsoft Edge, Mozilla Firefox и Opera с их более массивными верхушками и панелью инструментов, попросторней, чем у Chrome. Ну и, конечно же, Яндекс.Браузер с новым интерфейсом .
Отличного Вам дня!
Иисус, уходя, сказал своим ученикам: «Вы - соль земли». Вне религиозного контекста четко просматривается логика и суть сказанного. Речь идет о психологическом балансе человеческого общества.
Мы привыкли к высказываниям о политическом, идеологическом, экономическом балансах. Но о том, что объективно существует баланс сосуществования различных психологических сущностей - индивидов, составляющих то или иное общество, об этом мы задумываемся крайне редко.
Кроме того, Иисус точно и емко определил сущность представителей человечества, которые, по его мнению, очень важны. Он ведь не назвал их "славой земли", "силой земли" и тому подобными громкими метафорами.
Житейские наблюдения показывают, что в действительности наличествует такой тип человека, который неприметен, но - очень нужен. При этом, его ценность абсолютно не бросается в глаза. Ну, на самом деле – как соль в пище. Лучше и не скажешь.
10/30/2016
Нам кажется, что мы боимся жизни. Нет – это неправильно. Мы боимся боли своей души. Осознание этого во многом успокаивает. Когда–то мы получили боль от ситуации, напоминающей данное событие жизни, и - мгновенно возникает чувство тревоги.
Мысль сама по себе банальна, но выводы очень обнадеживающие. Физическая боль от прикосновения к горячему, острому у всех одинакова. Боль же душевная от соприкосновения с жизнью у каждого - индивидуальна.
То, что для нас когда-то показалось "острым", "колющим", для другого таковым не является. А то, что для других страшно, в нашем эмоциональном восприятии - "семечки".
9/15/2016
Семейная жизнь, как бы мы не стремились ее приукрасить, по своей сути выступает незатейливой чередой дней обыденности. Прошел период взаимных ухаживаний, который непременно требует предбрачных "одеяний", сокрывающих нашу "обычность". Совершилось торжество бракосочетания, вносящее внутреннюю суету самим молодым и окружающим. И, наступили обычные семейные будни.
Семейные будни — столкновение привычек и психологических режимов Первый этап можно обозначить периодом решения насущных социальных проблем . Чаще он решается совместно, с заметной увлеченностью. И, как правило, остается в памяти супругов, как самые счастливые дни. И это - не случайно.8/12/2015
Устойчивый материнский инстинкт выступает основой стремления женщины к сохранению семьи. В рамки заботы о детях входит и ее желание не лишать ребенка отцовской заботы и внимания. Более того, муж сам постепенно оказывается в сфере ее "материнской заботы".
И, признание многих женщин, что "муж, ─ это еще один ребенок", не лишено основания. Дело не в том, что мужчина беспомощен, или неразумен. Женщина сама, в безграничном желании заботиться, постепенно "накрывает" его своим "крылом" внимания.
На основе наблюдения за реальными событиями и людьми, складывается впечатление, что, при должной материнской ментальности, женщина в замужестве постепенно меняет свой сексуальный профиль. Ее сексуальные устремления, как будто начинают трансформироваться материнством. Словно материнство, напоминая мясорубку, превращает разнородный продукт в соответствующую массу, с добавлением множества других ингредиентов.
Управление масштабом окон в браузере с помощью клавиатуры и специальных меню значительно снижает время, затрачиваемое на поиск информации и просмотр сайтов в интернете. Используя простые и доступные для запоминания комбинации кнопок, вы легко поместите в видимую область окна необходимый текст, картинки или видео.
Как уменьшить масштаб страницыРабота с элементами страницы сайта и их габаритами чаще подразумевает увеличение размеров текста и изображений. Необходимость уменьшить текст или изображение возникает в нескольких случаях:
- пользователь является обладателем небольшого монитора (менее 19 дюймов) с ограниченным выбором разрешения;
- на странице расположены крупные картинки, мешающие восприятию текста;
- дизайнер страницы на сайте неудачно задал исходную ширину или высоту для значков или букв;
- иногда необходимо уменьшить масштаб экрана для помещения всех элементов в зону видимости.
Существует несколько популярных браузеров, каждый из которых по-своему предлагает функции изменения размера отображаемого контента. На основе этих программ создаются десятки похожих приложений со сходным функционалом, поэтому в статье рассматриваются лишь часто используемые программы:
- Google Chrome;
- Mozilla Firefox;
- Opera;
- Internet Explorer;
- Safari (платформа Apple Mac).
Чтобы узнать, как изменить масштаб окна внутри браузера от Яндекс, используйте данные по Google Chrome. Эта программа создавалась на основе бесплатно распространяемого исходного кода Chromium, так же, как браузер от Google. Менее популярные программные продукты используют похожие схемы управления содержимым. Программа иногда предусматривает возможность изменить горячие клавиши на более удобные для работы с окном.
В меню «Настройки»С помощью мыши сделайте щелчок на меню, открываемое в верхней части. Это может быть как целая строка с надписью «Вид» среди прочих, так и одиночные иконки. В Опере это значок с соответствующим логотипом, а в Chrome такой элемент расположен в правой верхней части панели инструментов (кнопка с тремя горизонтальными полосами). Откройте меню одним из указанных методов, что приведет вас к нужному пункту и кнопкам для его увеличения или уменьшения. Нажимайте элемент со знаком «–» до тех пор, пока не останетесь удовлетворены результатом.
Горячими клавишамиАльтернативой для серии щелчков мышью в окне браузера будет использование горячих клавиш или комбинации клавиш для изменения габаритов иконок и символов. Большинство браузеров использует стандартную комбинацию «Ctrl+–», которая изменяет размер всех элементов в окне на фиксированное количество процентов относительно исходного значения. Платформа Apple Mac использует похожее сочетание клавиш с поправкой на иные символьные обозначения для управляющих клавиш.
Как увеличить масштаб экранаИзменить размеры изображения веб-контента в большую сторону можно аналогично с действиями, указанными выше. Одно и то же меню используется для уменьшения или увеличения, а также для сброса параметра в исходное значение. Увеличивающая комбинация клавиш – «Ctrl» и «+». Используйте «+» на дополнительной клавиатуре, чтобы избежать конфликтов с другими клавиатурными сочетаниями. Возможность увеличить масштаб на экране используется в работе с текстом, написанным мелкими буквами.
Как изменить размер экрана на компьютереПерсональный компьютер оснащается полноформатной клавиатурой, поэтому здесь легко набираются необходимые клавиатурные сочетания. Расширение или уменьшение элементов страницы используется на любых сайтах. Во ВКонтакте и в Одноклассниках вам пригодится уменьшение для улучшения визуального восприятия страницы. Благодаря нескольким блокам кнопок вы можете все изменить, использовав клавиши, к которым проще дотянуться. Это значит, что увеличить экран в ВК можно минимум двумя сочетаниями клавиш, а уменьшить страницу В контакте можно теми же способами.
Как изменить масштаб на ноутбукеКлавиатура ноутбуков незначительно ограничивает комбинации клавиш, используемых для того, чтобы изменить видео или размер строк в окне. Вы найдете на вашей клавиатуре хотя бы один комплект кнопок «+», «–» и «0» для такой цели. Сочетание «Ctrl+0» пригодится, чтобы изменить значения обратно в 100%, например, в ситуации, когда вы чрезмерно расширили текст или изображения. Это сочетание уменьшает контент и возвращает страницу в первоначальный вид. Затем вы можете увеличить масштаб страницы на другое значение.
Видео: как поменять расширение экрана