Как правильно делать адаптированную версию сайта, через min-width или max-width?

Question

[angelzzz]

Коллеги,

Как правильно делать адаптированную версию сайта, через min-width или max-width?

При min-witdh верстка идет от мобильных в стороны десктопных, при этом сайты на ie8 будут показываться как на мобильном (ie8 не понимает media queries), что немножко кривовато

При max-width верстка будет идти от десктопных в мобильным, но на телефонах может выглядеть не очень (опять же тех, которые не обновлялись давно)

Answer 1

[Ankhena]

(опять же тех, которые не обновлялись давно)

Для них это будет не единственная проблема.

ie8 не понимает media queries

Зато он понимает условные комментарии в HTML, через которые ему скармливается отдельный CSS.

Так что верстайте как Вам удобнее, поклонники одного и второго подхода делятся примерно поровну.

Answer 2

[tommy_13]

почему бы не комбинировать оба метода?

Comments

[angelzzz]

мы сейчас пришли к тому, что за основу можно сделать среднее (например, для размера 800*600), а остальные делать в сторону либо min-width (для бОльших размеров) либо max-width (для меньших размеров)

[Алекс Глебов]

это дурной тон
в нормальную команду не возьмут

[angelzzz]

Алекс Глебов: ориентироваться на bootstrap и идти от мобильных с min-width?

Answer 3

[Рюрик Ростиславич]

Через @media

Answer 4

[Алексей Голягин]

Я бы делал так:

основные стили
@media max-width (768px){
доп стили
}
@media max-width (450px){
доп стили
}
@media max-width (320px){
доп стили
}
и т.д.

Ну а по поводу кривизны, есть различные хаки