Good day.

Tell me how to make the background automatically stretched either under the landscape resolution of the screen, or under the portrait.

Now, when the screen is flipped in mobile devices, the picture either does not reach the height (landscape) or is distorted in (portrait)

    1 answer 1

    Try setting for this block

    background-size: cover; -moz-background-size: cover;

    http://habrahabr.ru/post/157817/

    • Thanks for the answer. It's easier for me :) img {width: 100%; height: 100%;} @media screen and (orientation: portrait) {img {height: 100%; display: block; top: 0px; left: 0px; width: 200%; margin-left: -20%;}} - Romancho