• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы по uCoz » Как сделать адаптивный дизайн для сайта (Мобильный шаблон для сайта при открытие страницы)
Как сделать адаптивный дизайн для сайта
Гриб
Дата: Воскресенье, 2020-03-15, 16:35 | Сообщение 1
Оффлайн
Пользователи
Сообщений:1
Награды: 0


Здравствуйте. Задался таким вопросом по одному из стандартных шаблонов...

Как сделать так, чтобы при заходе с компьютера открывалась адаптивная версия шаблона? То есть чтоб при заходе на сайт с обычного компьютера/ноутбука/нетбука и т.д открывалась версия, которая, допустим, видна с экрана смартфона?

Вот эта:



Сайт: https://u.to/3xrMFw

Что в шаблоне или css нужно прописать? Пробовал уже через какие-то системные коды и тд, по типу $USER_AGENT_PDA$ и $USER_AGENT$, но не получилось. Помогите, пожалуйста.
Прикрепления: 1793828.jpg(107.9 Kb)
Страна: (BY)
Kosten
Дата: Воскресенье, 2020-03-15, 19:06 | Сообщение 2
Оффлайн
Администраторы
Сообщений:26308
Награды: 61


Цитата Гриб ()
Как сделать так, чтобы при заходе с компьютера открывалась адаптивная версия шаблона?

Если не ошибаюсь есть мобильный дизайн для сайта. Но вам как понимаю нужно свой создать, то вероятно это можно сделать.
Страна: (RU)
Сопрано
Дата: Воскресенье, 2020-03-15, 21:13 | Сообщение 3
Оффлайн
Проверенные
Сообщений:427
Награды: 2


Есть специально созданный Pda шаблон для сайта uCoz, но его ставят на сайт, который просто нельзя по своим характеристикам адаптивным сделать.
Страна: (RU)
-SAM-
Дата: Понедельник, 2020-03-16, 20:39 | Сообщение 4
Оффлайн
Друзья сайта
Сообщений:698
Награды: 29


Цитата Гриб ()
Как сделать так, чтобы при заходе с компьютера открывалась адаптивная версия шаблона?
Шаблон адаптивный и так. Гриб, вы хотите, чтобы кто смотрит сайт на широком экране, то ширина сайта вашего была как на скрине? Это же бред получиться (всё в одну колонку).
Цитата Гриб ()
То есть чтоб при заходе на сайт с обычного компьютера/ноутбука/нетбука и т.д открывалась версия, которая, допустим, видна с экрана смартфона?
Можно поставить PDA-шаблон (или WAP-шаблон) в качестве основного шаблона сайта, как выше предложили.

И почитайте про адаптивность, ибо вы походу не понимаете что это (дело там не в операторах, а в ширине элементов и их изменении\скрытии в зависимости от ширины экрана). Переписывать шаблон - тоже вариант, но ищите того, кто это готов делать (это не вопрос по системе uCoz, а уже оказание услуги).

UPD.2: вот еще наткнулся на разобранный вопрос на uВопросы (Доступно только для пользователей) - предлагают делать подмену meta name="viewport", к примеру:
Код
<meta name="viewport" content="width=768, initial-scale=1">
Но там противоположная ситуация - чтобы сайт с адаптивным шаблоном с мобильного видеть как с десктопной версии. А этот мета-тег viewport браузером в десктопной версии не воспринимает же (он для мобильных устройств). То есть, чтобы он сработал - нужно в своём браузере прикинуться pda-устойством (допустим, можно через расширение подменить user agent). Но тогда такой внешний вид сайта будете наблюдать только вы... короче, нужно просто шаблон переписывать.




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи и ответы на ваши вопросы по системе uCoz.


Сообщение отредактировал
-SAM- - Среда, 2020-03-18, 15:45
Страна: (UA)
Форум » Веб-разработка » Вопросы по uCoz » Как сделать адаптивный дизайн для сайта (Мобильный шаблон для сайта при открытие страницы)
  • Страница 1 из 1
  • 1
Поиск: