Как задать ширину и высоту полного экрана?

Question

[Ingernirated]

Как задать ширину и высоту полного экрана?
Что бы при открытии сайта на разных мониторах была одна и та же картинка с текстом, которая бы уменьшалась по мере уменьшения экрана и текст соотвсственно тоже.
При div width:100%; height:100%; задается только ширина.
А надо поместить в него картинку, чтобы всегда растягивалась на весь экран без прокрутки

Answer 1

[Александр Вульф]

width: 100vw;
height: 100vh;

Comments

[Сергей delphinpro]

100vw - в настоящее время криво работает. Не помню во всех ли браузерах (давно не использую именно это значение), но в моей текущей опере это значение включает в себя ширину сроллбара, из-за чего возникает горизонтальный скролл https://jsfiddle.net/d5az7co8/
Так что ширину лучше по старинке задавать в процентах. Либо еще как-то извращаться.

Answer 2

[lnked]

Так можно картинку на фоне растянуть, а что за текст ? он на картинке?

body {
background-image: url(kartinka.jpg);
background-size: cover;
}

Comments

[Ingernirated]

нет, текст поверх картинки будет
хотелось, чтобы открыв сайт на большом мониторе или на телефоне, одинаковое было соотношение фона картинки и текста