Адаптивная верстка. Как вывести 480px под 320px?

Question

[Виталий]

Дизайнер нарисовал сайт под 480px, возможно ли как то, сверстав сайт под 480px, выводить его уменьшенную версию под 320px без горизонтальной полосы ?

Answer 1

[Александр Таратин]

https://developer.mozilla.org/en-US/docs/Mozilla/M...

Comments

[Pavel]

добавлю к ответу, что можете использовать scale = 0.66 ( (480-320)/4.8 = на 33% меньше размер )

Answer 2

[Денис]

max-width ?
htmlbook.ru/css/max-width

Comments

[Виталий]

@viewport в CSS как то странно работает , с ним не получилось ничего

[Денис]

Если бы я делал, я просто установил бы max-width: 480 и min-width:320 ... если есть изображение, то 100% ширина... А что не так работает?

Answer 3

[Хангелды Илебаев]

все что не влезает

@media screen and (max-width: 480px) {
    display: none;  //или  max-width: 100%;
}