Адаптивная вёрстка

[medexpert]

Специалисты, кто какие CSS-коды (медиа запросы) применяет?
У меня сейчас модальное окно сделано под самый маленький смартфон - 320х640

@media only screen and (max-width: 746px) {
	... { 
		...
	}
}

Надо добавить другие размеры.

[XPraptor]

Да по дизайну смотрите, сжимайте, и в ключевых разрешениях (ноут, планшет, телефон) добавляйте точки, чтобы блоки и контент оставались читаемыми.

[Sitealert]

Сообщение от medexpert

У меня сейчас модальное окно сделано под самый маленький смартфон - 320х640

@media only screen and (max-width: 746px) {
	... { 
		...
	}
}

Надо добавить другие размеры.

Вообще-то цифра 746 – какая-то странная
Базовые точки известны, по необходимости добавить точки для телефонов (320, 480) и какие-то правила для мобильных устройств с большим разрешением и для десктопов с большим экраном.

[ziliboba0213]

@media screen разве работает?

[Sitealert]

А почему нет?

[ziliboba0213]

Сообщение от Sitealert

А почему нет?

Я чего-то давно вроде верстал как-то, когда на адаптив свой сайтик переносил, то ли определение устройств не работало, то ли я чего напутал или не помню...

[Sitealert]

Да работает всё, другое дело, что лично я screen без надобности не использую, но на обслуживаемых сайтах постоянно встречается. Вот сейчас, например, интегрирую вёрстку на Битрикс, вполне работающий код:

[ziliboba0213]

Сообщение от Sitealert

Да работает всё, другое дело, что лично я screen без надобности не использую, но на обслуживаемых сайтах постоянно встречается. Вот сейчас, например, интегрирую вёрстку на Битрикс, вполне работающий код:

А если max-width убрать?

Блин, а чего я то когда верстал уперся в это... Хоть убейте не помню...

[Sitealert]

Сообщение от ziliboba0213

А если max-width убрать?

Не пробовал. Но @media print {} использовал, точно работает. А screen без размеров как-то ни к чему, это как бы дефолт.

[medexpert]

Спасибо, то что надо. Предстоит "пара дней" работы
Здоровья Всем!