X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по адаптивной вёрстке
Bizota
Bizota
Topic Starter сообщение 7.8.2017, 21:11; Ответить: Bizota
Сообщение #1


Здравствуйте. Я правильно понимаю, что с помощью кода можно задавать различные версии дизайна для пк, планшетов и телефона? Можно ли сделать так, чтобы для планшета и компьютера отображалась компьютерная версия, а для телефона - телефонная?


--------------------
Бесплатные консультации по Яндекс Директ
Оказываю услуги настройки сквозной аналитики, коллтрекинга, внедрения CRM. Писать в ЛС.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Smile3D
Smile3D
сообщение 7.8.2017, 21:39; Ответить: Smile3D
Сообщение #2


Конечно, все делает медиа запросами)))


--------------------
http://ischu-pitomca.com.ua/ - первый в Украине форум по поиску / пропаже домашних животных.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
сообщение 7.8.2017, 21:47; Ответить: WoWeb
Сообщение #3


Bizota, Пример можете посмотреть на моем сайте в подписи. Если ширина экрана меньше 450px -> отдаю мобильную версию, если больше -> версию для PC


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bizota
Bizota
Topic Starter сообщение 7.8.2017, 22:28; Ответить: Bizota
Сообщение #4


WoWeb, это всё делается небольшим фрагментом кода, верно?

Сообщение отредактировал Bizota - 7.8.2017, 22:29


--------------------
Бесплатные консультации по Яндекс Директ
Оказываю услуги настройки сквозной аналитики, коллтрекинга, внедрения CRM. Писать в ЛС.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
сообщение 7.8.2017, 22:43; Ответить: WoWeb
Сообщение #5


Bizota, В css прописываются стили для элементов которые меняются в мобильной версии. на сколько много строк нужно прописать зависит от сложности шаблона который нужно оптимизировать.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bizota
Bizota
Topic Starter сообщение 7.8.2017, 22:57; Ответить: Bizota
Сообщение #6


Цитата(WoWeb @ 7.8.2017, 22:43) *
Bizota, В css прописываются стили для элементов которые меняются в мобильной версии. на сколько много строк нужно прописать зависит от сложности шаблона который нужно оптимизировать.

А чтобы сделать, что в планшете отображалась компьютерная версия можно небольшим фрагментом?


--------------------
Бесплатные консультации по Яндекс Директ
Оказываю услуги настройки сквозной аналитики, коллтрекинга, внедрения CRM. Писать в ЛС.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
сообщение 7.8.2017, 23:10; Ответить: WoWeb
Сообщение #7


Bizota, Смотря как построена система адаптивности. Скрипт там подгружается или просто через медиа запросы в CSS. Смотреть нужно


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Smile3D
Smile3D
сообщение 8.8.2017, 0:47; Ответить: Smile3D
Сообщение #8


Mobile first рулит))


--------------------
http://ischu-pitomca.com.ua/ - первый в Украине форум по поиску / пропаже домашних животных.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fartovenkii
fartovenkii
сообщение 14.8.2017, 12:53; Ответить: fartovenkii
Сообщение #9


Данная информация прописывается в css стилях - это называется медииа запросы. Суть в том, что вы указываете значения атрибутам в зависимости от размера экрана. Почитайте просто о медиа запросах.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ищу работу стажёром по вёрстке, программированию
html css php js bootstrap
2 iCrew 5243 16.11.2021, 10:16
автор: iCrew
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3126 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
8 Zubkov 16020 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
307 dos1k 43057 9.11.2019, 17:59
автор: heks
Открытая тема (нет новых ответов) Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить.
В теме перечисление доступного мне продвижения, но с чего начать?
9 memeplex 3689 16.2.2019, 15:45
автор: zyzy


 



RSS Текстовая версия Сейчас: 28.3.2024, 22:28
Дизайн