Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Прописываю мета-тег Viewport и шаблон заполняет экран не так (Есть свободное место для шаблона, но сжимается)
Прописываю мета-тег Viewport и шаблон заполняет экран не так
frootsForum
Сообщений: 8
Репутация: 0

Сообщение # 1 | 11:44:09
Здравствуйте Уважаемые!

Проблема в том, что прописываю мета-тег такого типа 
Код
<meta name="viewport" content="width=device-width">

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

Подскажите, что в шаблоне подкорректировать, чтоб одинаково все растянулось.

Для примера эта страница https://froots.ru/forum/8 - если ее открыть на смартфоне, то верх сайта и модуль форум сжаты больше чем надо, так как есть свободное место справа до края экрана. Необходимо чтоб сайт раскрылся на весь экран. А низ сайта раскрылся на весь экран.

Будем очень благодарны за подсказку что и как исправить.

Добавлено (07 Сен 2016, 11:10:09)
---------------------------------------------
Ссылка на страницу для примера https://froots.ru/forum/8

Добавлено (07 Сен 2016, 11:25:15)
---------------------------------------------
Хочется, чтоб ровно было и на всю ширину мобильного экрана заполнилось, а не на половину.

Добавлено (07 Сен 2016, 11:44:09)
---------------------------------------------
Сайт адаптивный, но а почему не равномерно заполняет ширину экрана мобильного с мета-тегом viewport?

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

frootsForum
Сообщений: 8
Репутация: 0

Сообщение # 2 | 12:08:09
Нашел причину! Причина в этом поле для быстрого выбора пункта меню. На фото красным выделил.



Как его отключить? Как запретить показ его?
Спасибо заранее за объяснение.
Прикрепления: 4868373.jpg(35Kb)
Sentimo
Сообщений: 664
Репутация: 153

Сообщение # 3 | 12:30:36
frootsForum, Так попробуйте <meta name="viewport" content="width=device-width, initial-scale=1.0">
Почитайте http://www.w3schools.com/css/css_rwd_viewport.asp
frootsForum
Сообщений: 8
Репутация: 0

Сообщение # 4 | 08:05:19
Цитата Sentimo ()
frootsForum, Так попробуйте <meta name="viewport" content="width=device-width, initial-scale=1.0"> Почитайте http://www.w3schools.com/css/css_rwd_viewport.asp

Попробовал - результат тот же. Верхняя часть сайта не полностью растянута на весь экран мобильного.

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

Добавлено (08 Сен 2016, 08:05:19)
---------------------------------------------
Все более - менее наладилось с шаблоном. Пришлось многое подкорректировать, что-то убрать, что-то уменьшить.
Результатом довольны. smile Много в шаблоне надо корректировать - отступы, размеры шрифта, некоторые элементы вообще убрать.

Пример можете посмотреть https://froots.ru/forum/

Если у кого есть предложения или советы - пишите - будем очень благодарны!

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Прописываю мета-тег Viewport и шаблон заполняет экран не так (Есть свободное место для шаблона, но сжимается)
Страница 1 из 11
Поиск: