28.06.2020, 14:19 | #1 |
Member
Аспирант
Регистрация: 21.06.2020
Сообщений: 87
Сказал(а) спасибо: 44
Получил(а) "Спасибо": 30
Нарушения: 0/0 (0)
Репутация: 111937
|
Адаптивная вёрстка
Специалисты, кто какие CSS-коды (медиа запросы) применяет?
У меня сейчас модальное окно сделано под самый маленький смартфон - 320х640 Код:
@media only screen and (max-width: 746px) { ... { ... } } |
28.06.2020, 14:26 | #2 |
Думаю, что надо худеть
Академик
Регистрация: 22.06.2020
Сообщений: 1,791
Сказал(а) спасибо: 1,526
Получил(а) "Спасибо": 1,939
Нарушения: 0/0 (0)
Репутация: 632655
|
Re: Адаптивная вёрстка
Да по дизайну смотрите, сжимайте, и в ключевых разрешениях (ноут, планшет, телефон) добавляйте точки, чтобы блоки и контент оставались читаемыми.
|
28.06.2020, 14:34 | #3 | |
Слесарь-сайтосборщик
Доцент
Регистрация: 22.06.2020
Адрес: Замкадье
Сообщений: 403
Сказал(а) спасибо: 985
Получил(а) "Спасибо": 1,178
Нарушения: 0/0 (0)
Репутация: 180645
|
Re: Адаптивная вёрстка
Цитата:
Базовые точки известны, по необходимости добавить точки для телефонов (320, 480) и какие-то правила для мобильных устройств с большим разрешением и для десктопов с большим экраном. |
|
Сказали спасибо: |
28.06.2020, 14:54 | #4 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,697
Получил(а) "Спасибо": 13,509
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Адаптивная вёрстка
@media screen разве работает?
|
28.06.2020, 15:05 | #5 |
Слесарь-сайтосборщик
Доцент
Регистрация: 22.06.2020
Адрес: Замкадье
Сообщений: 403
Сказал(а) спасибо: 985
Получил(а) "Спасибо": 1,178
Нарушения: 0/0 (0)
Репутация: 180645
|
Re: Адаптивная вёрстка
А почему нет?
|
28.06.2020, 15:25 | #6 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,697
Получил(а) "Спасибо": 13,509
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Адаптивная вёрстка
|
28.06.2020, 15:34 | #7 | ||
Слесарь-сайтосборщик
Доцент
Регистрация: 22.06.2020
Адрес: Замкадье
Сообщений: 403
Сказал(а) спасибо: 985
Получил(а) "Спасибо": 1,178
Нарушения: 0/0 (0)
Репутация: 180645
|
Re: Адаптивная вёрстка
Да работает всё, другое дело, что лично я screen без надобности не использую, но на обслуживаемых сайтах постоянно встречается. Вот сейчас, например, интегрирую вёрстку на Битрикс, вполне работающий код:
|
||
Сказали спасибо: |
28.06.2020, 15:35 | #8 | |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,697
Получил(а) "Спасибо": 13,509
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Адаптивная вёрстка
Цитата:
Блин, а чего я то когда верстал уперся в это... Хоть убейте не помню... |
|
28.06.2020, 15:38 | #9 |
Слесарь-сайтосборщик
Доцент
Регистрация: 22.06.2020
Адрес: Замкадье
Сообщений: 403
Сказал(а) спасибо: 985
Получил(а) "Спасибо": 1,178
Нарушения: 0/0 (0)
Репутация: 180645
|
Re: Адаптивная вёрстка
|
Сказали спасибо: |