Как сделать автоматическое масштабирование сайта под всю ширину экрана?

Question

[Игорь Самохин]

Здравствуйте,

начал изучать проблему и каша в голове. Есть сайт: mobile.amwaywoman.webtm.ru . Верстка под мобильные устройства. Я хочу сделать чтобы при загрузке на ЛЮБОМ мобильном (современном) - картинка с женщиной подстраивалась по ширине на весь телефон и полосы прокрутки по горизонтали не отображались на телефоне..

Поигрался со значением width=device-width и не получилось. Может я не так что-то делаю? Это вообще возможно, то что я хочу?

Answer 1

[Сергей Семенко]

<meta name="viewport" content="width=device-width, initial-scale=1">

Comments

[Игорь Самохин]

странно, сейчас сработало..

Не подскажите общие принципы в верстке под мобильные? Отступы внутренние и внешние и размер шрифта можно в пикселях задавать?

[Сергей Семенко]

Игорь Самохин: это вопрос не ко мне, а вообще, думаю можно

Answer 2

[Никита Наумов]

ну обычно вроде все:

div {
background: url(картинка) center no-repeat;
background-size: cover;
width: 100vw;
height: 100vh;
}