Как изменить масштаб html страницы?
Что нужно прописать CSS для того, чтобы уменьшить масштаб HTML страницы? В браузере можно сделать так: нажать последовательно CTRL и — . После этого масштаб страницы уменьшится с сохранением ширины документа. Это важный момент, т. к. решения, которые я находил в интернете уменьшали масштаб и в том числе сужали страницу по ширине.
Мне требуется уменьшить масштаб, но ширину страницы сохранить (уменьшить шрифт, например).
Это функция браузера, которая не описана в стандартах. Браузеры вольны реализовывать масштабирование так, как захочется левой пятке архитектора браузера, а также учитывать предпочтения юзера в настройках.
Так как «уникальные» для браузеров фичи признаны Вселенским Злом™, то из жабоскрипта масштабирование недоступно.
Масштабирование может быть реализовано самим сайтом с помощью возможностей CSS.
Правильный способ
Использовать относительные размеры для шрифтов ( % , em и др.), в корне страницы менять размер базового шрифта.
Для остальных элементов можно добавить дополнительные стили и опять же в зависимости от класса корня менять размер. Для картинок будет разумно округлять масштаб до «круглых» чисел вроде 50%, 33% и т. п.
Жёсткий способ
Использовать стандартное свойство CSS transform . Можно добавить в корень документа стиль transform: scale(N%) , тогда отмасштабируется вся страница. Учтите, что за качество и производительность никто не отвечает.
Чтобы сохранить ширину страницы, её можно менять в соответствии с масштабом (помножить на обратное число, собственно).
Костыльный способ
Ипользовать нестандартное свойство CSS zoom . Опять же в корень можно добавить zoom: N% . Поддержка не гарантируется, работает не во всех браузерах.
Как уменьшить масштаб экрана
В этом уроке я покажу, как уменьшить масштаб экрана на компьютере. Мы научимся изменять шрифт в Windows разными способами: через разрешение экрана, настройки значков рабочего стола, с помощью клавиатуры.
Способ 1: настроить разрешение экрана
При помощи этого способа можно уменьшить в компьютере все элементы сразу: пункты меню, значки, окна и т.д.
Windows 10
1 . Кликните правой кнопкой мыши по Рабочему столу и выберите пункт «Параметры экрана».
2 . В настройках дисплея укажите подходящее значение. Желательно выбрать рекомендованное.
На заметку . Чем больше разрешение, тем меньше будет размер значков и других элементов.
Например, на компьютере выставлено значение 1680×1050. Чтобы его изменить, щелкаем по пункту «Разрешение».
В верхнем меню есть значение 1920×1080 и указано, что оно рекомендуется. Это значит, что система автоматически определила подходящее разрешение. Кликнув по нему левой клавишей мышки, размер экрана сразу настроится под параметры монитора.
Вот наглядный пример, где настроено неподходящее значение:
Значки и панель задач расплывчатые и большие. А если тянуть окна, то они мерцают и расплываются. Это влияет на зрение, и делает работу за компьютером неудобной.
А вот рекомендованное значение:
Значки и панель задач ровные, экран не расплывается – все работает как положено.
Обратите внимание на пункт «Изменение размера текста, приложений и других элементов». Он находится над пунктом «Разрешение» и от него тоже зависит, как будут выглядеть элементы в Windows 10.
Windows 7
1 . Щелкните правой кнопкой мыши по Рабочему столу и выберите «Разрешение экрана».
2 . В части «Разрешение» установите рекомендованное значение. Обычно оно самое верхнее.
На заметку . Чем больше значение, тем меньше в итоге будут элементы: значки, меню и прочее.
3 . Для применения параметров нажмите «ОК».
Обратите внимание на пункт «Сделать текст и другие элементы больше или меньше». При помощи него также можно настроить масштаб экрана.
Способ 2: уменьшить значки на Рабочем столе
Бывает, разрешение выставлено правильно, но значки на экране все равно слишком большие. Например, такие:
Чтобы уменьшить их, щелкните правой клавишей мыши по Рабочему столу и выберите пункт «Вид». Из дополнительного списка выберите «Обычные значки».
Сразу после этого иконки на Рабочем столе уменьшатся.
Если вы хотите сделать их еще меньше, выберите пункт «Мелкие значки».
Как изменить масштаб страницы в интернете
С помощью клавиатуры
Уменьшить масштаб страниц в интернете можно при помощи клавиш на клавиатуре. Для этого достаточно нажать на Ctrl и, не отпуская ее, кнопку со знаком – (минус). Обычно она находится вверху, рядом с цифрой 0.
А увеличить размер текста можно через Ctrl и + (плюс).
Таким образом можно уменьшать или увеличивать размер текста не только в статьях, но и в социальных сетях: ВК, Одноклассниках, Фейсбуке.
На заметку . Также можно увеличить и уменьшить страницы интернета при помощи колесика на мышке. Для этого нажмите на Ctrl и, не отпуская, покрутите колесико. А чтобы сбросить масштаб, то есть вернуть его к значению по умолчанию, нажмите Ctrl и цифру 0.
Через настройки браузера
Еще изменить шрифт можно через настройки браузера – той программы, в которой вы открываете сайты.
Google Chrome . Нажмите на иконку с тремя точками в правом верхнем углу браузера.
Кликая по значкам — и + в части «Масштаб», можно регулировать размер текста и других элементов на странице.
Яндекс браузер . В правом верхнем углу, около иконок закрытия и сворачивания окна, есть значок с тремя линиями. Кликните по нему левой кнопкой мыши.
Откроется всплывающее окошко, где вы можете изменить шрифт через + и — на панели.
Mozilla Firefox . В правом верхнем углу программы есть значок с тремя линиями. Кликните по нему левой клавишей мыши.
Откроется всплывающее окно, вверху которого вы сможете уменьшить или увеличить шрифт, кликая по иконкам — и + .
Opera . Щелкните по левому верхнему значку «Меню» или «O». Откроется всплывающее окошко, где будут настройки размера.
Нажимая на + и — вы сможете изменить масштаб страницы.
Как изменить масштаб в Word и Excel
Чтобы изменить масштаб в программе Word или Excel, кликайте по значкам + и — в нижнем правом окошке.
Еще можно нажать на значок % в том же окошке – там много опций для изменения.
А также уменьшить или увеличить масштаб можно через вкладку «Вид» в верхней панели.
Для регулирования используйте инструменты в середине меню:
- Масштаб – открывает настройки аналогично нажатию на значок % в правом нижнем углу.
- 100% – возвращает документ в значение по умолчанию.
- Одна страница – подгоняет размеры под вид для редактирования одной страницы.
- Несколько страниц – разделяет документ на двухстраничный режим для удобства проверки текста сразу в двух окошках.
- По ширине страницы – подгоняет документ по полной ширине окна.
Если не меняется разрешение экрана
Бывает так, что вы все настроили правильно, а разрешение экрана не сохраняется, а возвращается в исходное значение. Или система вообще не даёт поменять значение.
1 . Проверьте настройки видео драйвера.
Кликните правой клавишей мышки по значку «Компьютер» и выберите пункт «Управление».
Откроется панель управления компьютером. Выберите пункт «Диспетчер устройств».
Раскройте ветку «Видеоадаптеры» – в ней будет показана ваша видеокарта. Если драйвер установлен, то будет указана модель.
Если видеокарта отображается нормально , посмотрите все ли в порядке в настройках драйвера. Для этого кликните правой клавишей мышки на пустом месте Рабочего стола и выберите «Панель управления NVIDIA».
Этот пункт может называться и по-другому, например, «Графические характеристики». Это зависит от того, какая у вас в компьютере видеокарта.
Проверьте параметры разрешения в меню «Дисплей» → «Разрешение». Попробуйте выставить рекомендованное значение.
Если видеокарта отображается как «базовый видеоадаптер» или она отмечена иконкой с восклицательным знаком , значит, драйвер не установлен или с ним возникли проблемы.
или 
Для исправления необходимо скачать правильный видеодрайвер. Но для начала нужно узнать модель видеокарты. Для этого воспользуйтесь бесплатной программой GPU-Z. Скачать ее можно с официального сайта.
Далее нужно скачать и установить драйверы с сайта производителя:
Если у вас ноутбук, скачать драйвер можно с официального сайта производителя компьютера. Например, если у вас Asus, то через сайт asus.com. Для этого введите в строку поиска модель ноутбука – обычно она написана на наклейке на лицевой или обратной стороне.
2 . Проверьте компьютер на наличие вирусов.
Сделать это можно при помощи бесплатной утилиты Kaspersky Virus Removal Tool.
Если и после этого драйвер откажется работать, скорее всего, проблема в самой видеокарте.
Можно ли изменить масштаб сайта при помощи html или css?
Вы можете использовать css3 transform scale htmlbook.ru/css/transform
Но если речь идет об изменении масштаба пользователем посредством настройки браузера — то нет, Вы не сможете это сделать. Более того, за подобные штуки в мобильных версиях сайта через
надо руки отрывать.
Нельзя навязывать такие вещи пользователю, масштаб не просто так придуман.
Как изменить масштаб окна браузера
Управление масштабом окон в браузере с помощью клавиатуры и специальных меню значительно снижает время, затрачиваемое на поиск информации и просмотр сайтов в интернете. Используя простые и доступные для запоминания комбинации кнопок, вы легко поместите в видимую область окна необходимый текст, картинки или видео.
Как уменьшить масштаб страницы
Работа с элементами страницы сайта и их габаритами чаще подразумевает увеличение размеров текста и изображений. Необходимость уменьшить текст или изображение возникает в нескольких случаях:
- пользователь является обладателем небольшого монитора (менее 19 дюймов) с ограниченным выбором разрешения;
- на странице расположены крупные картинки, мешающие восприятию текста;
- дизайнер страницы на сайте неудачно задал исходную ширину или высоту для значков или букв;
- иногда необходимо уменьшить масштаб экрана для помещения всех элементов в зону видимости.
Существует несколько популярных браузеров, каждый из которых по-своему предлагает функции изменения размера отображаемого контента. На основе этих программ создаются десятки похожих приложений со сходным функционалом, поэтому в статье рассматриваются лишь часто используемые программы:
- Google Chrome;
- Mozilla Firefox;
- Opera;
- Internet Explorer;
- Safari (платформа Apple Mac).
Чтобы узнать, как изменить масштаб окна внутри браузера от Яндекс, используйте данные по Google Chrome. Эта программа создавалась на основе бесплатно распространяемого исходного кода Chromium, так же, как браузер от Google. Менее популярные программные продукты используют похожие схемы управления содержимым. Программа иногда предусматривает возможность изменить горячие клавиши на более удобные для работы с окном.
В меню «Настройки»
С помощью мыши сделайте щелчок на меню, открываемое в верхней части. Это может быть как целая строка с надписью «Вид» среди прочих, так и одиночные иконки. В Опере это значок с соответствующим логотипом, а в Chrome такой элемент расположен в правой верхней части панели инструментов (кнопка с тремя горизонтальными полосами). Откройте меню одним из указанных методов, что приведет вас к нужному пункту и кнопкам для его увеличения или уменьшения. Нажимайте элемент со знаком «–» до тех пор, пока не останетесь удовлетворены результатом.
Горячими клавишами
Альтернативой для серии щелчков мышью в окне браузера будет использование горячих клавиш или комбинации клавиш для изменения габаритов иконок и символов. Большинство браузеров использует стандартную комбинацию «Ctrl+–», которая изменяет размер всех элементов в окне на фиксированное количество процентов относительно исходного значения. Платформа Apple Mac использует похожее сочетание клавиш с поправкой на иные символьные обозначения для управляющих клавиш.
Как увеличить масштаб экрана
Изменить размеры изображения веб-контента в большую сторону можно аналогично с действиями, указанными выше. Одно и то же меню используется для уменьшения или увеличения, а также для сброса параметра в исходное значение. Увеличивающая комбинация клавиш – «Ctrl» и «+». Используйте «+» на дополнительной клавиатуре, чтобы избежать конфликтов с другими клавиатурными сочетаниями. Возможность увеличить масштаб на экране используется в работе с текстом, написанным мелкими буквами.
Как изменить размер экрана на компьютере
Персональный компьютер оснащается полноформатной клавиатурой, поэтому здесь легко набираются необходимые клавиатурные сочетания. Расширение или уменьшение элементов страницы используется на любых сайтах. Во ВКонтакте и в Одноклассниках вам пригодится уменьшение для улучшения визуального восприятия страницы. Благодаря нескольким блокам кнопок вы можете все изменить, использовав клавиши, к которым проще дотянуться. Это значит, что увеличить экран в ВК можно минимум двумя сочетаниями клавиш, а уменьшить страницу В контакте можно теми же способами.
Как изменить масштаб на ноутбуке
Клавиатура ноутбуков незначительно ограничивает комбинации клавиш, используемых для того, чтобы изменить видео или размер строк в окне. Вы найдете на вашей клавиатуре хотя бы один комплект кнопок «+», «–» и «0» для такой цели. Сочетание «Ctrl+0» пригодится, чтобы изменить значения обратно в 100%, например, в ситуации, когда вы чрезмерно расширили текст или изображения. Это сочетание уменьшает контент и возвращает страницу в первоначальный вид. Затем вы можете увеличить масштаб страницы на другое значение.
Видео: как поменять расширение экрана
Нашли в тексте ошибку? Выделите её, нажмите Ctrl + Enter и мы всё исправим!
