Получил задание, адаптировать старенький сайт сделанный на CMS Diafan: artmaster.com.ua.
Через '@media' полностью подогнал его под максимальную ширину 320px. При этом структура контента сильно меняется и стили до 320px и после 320px несовместимы.
Минимальная ширина декстопного контента 760px, меньше он не ужимается так как установлен 'min-width'. При этом минимальное разрешение при котором весь контент отображается правильно 800px - если уменьшать, он просто прячется за правой гранью окна.
Вопрос: Можно ли используя мета-тег 'viewport' сделать так, чтобы сайт подстраивался под разрешение девайса, и при этом весь контент отображался !И! данное действие происходило только когда максимальная ширина девайса находится между 320px и 800px.
P.S.:Если нет, то подскажите, пожалуйста, какое решение стоит применить в данном случае.
max-width: 767
,min-width: 768 max: 991
,min:992 max: 1199
,min:1200
. А то к примеру на 6 айфоне ваш сайт уже плохо выглядит.