Title meta name viewport content


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

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

Получилось у нас следущее отображение на мобильном, для теста я использовал iphone 5 и браузер сафари. Как видите что изменения видны и не вооруженным глазом, с использованием метатега viewport гораздо улучшает и понятнее отображается текст в мобильных браузерах. Размер содержимого можно менять для каждой страницы отдельно, если у вас конечно сайт не на движке не важно что это Joomla или WordPress.

По умолчанию у меня стояло в шаблоне на WordPress, но такое может стоять где угодно, я просто брал адаптивный шаблон. У каждого будут свои пути если необходимо изменить. Это очень распространенное использование тега viewport. Если к примеру поставитьто картинка страницы будет увеличена, для теста я использовал iphone 5 с браузером mozila.

То есть код можно прочитать так, что в теге viewport задан размер по ширине и начальный масштаб без масштабирования. По умолчанию у меня в шаблоне стоит 1. И ваш маштаб страницы будет увеличен под необходимое устройство.

Всё, что вы хотели знать о meta-теге viewport

Частный вебмастер Алексей Михайленко. Главная Сайт визитка Интернет-магазин Услуги Копирайтера Портфолио Стоимость Заказать сайт Контакты. Адаптивная верстка для мобильных устройств или масштабирование с тегом viewport Сейчас адаптивности под разные устройства отдают все больше и больше предпочтения, так как стало много пользователей на мобильных устройствах и не только, и не важно что это Joomla или WordPress или какой-нибудь другой движек, большинство пользователей смотрят на удобность отображения сайта.

Что нам необходимо сделать? Рассмотрим типичную верску сайта с тегом и без него. Что значит initial-scale Этот тег задаёт маштаб страницы. Доступные значенияl для масштабирования от 0.

Главная Метатег viewport написать мне. T3 Framework Настройка шаблона T3 Модификаторы Выделение текста. Joomla Свой шаблон joomla 3 Обзор JoomShopping Решения Уроки Joomla Обзор расширений Virtuemart Seo Подсказки Разное Мой блог. WordPress Настройка WordPress Продвижение OpenCart. Услуги Создание сайта на Joomla Нужен сайт недорого? Способы создания сайтов Что нужно для сайта?

Цель и задачи сайта Контент-поддержка Техническая поддержка сайтов.

Смотрите также:



Коментарии: