Media queries specified

 
 @media only screen and (min-width: 480px) and (orientation: landscape)
 @media only screen and (min-width: 768px)

The essence of the first request is to display the version of the site that opens on a computer at 768 (i.e., there is a picture of 600 pixels of width, body size is 768 pixels, all other blocks have a percentage size). At the same time it is necessary to show without a scroll bar in width. In this case, a separate version was created for 320-480. Also indicated:

 content = "width = device-width, initial-scale = 1.0">

On iOS, everything works correctly, but on android, a horizontal scroll bar appears and everything is shown in an enlarged view (it is necessary that the page be displayed completely in width). How to get rid of this or solve this problem easier?

    1 answer 1

    Try blocking a scroll with a width of 768 pixels.

    overflow-x: hidden;
    • It did not help, the scrolling disappeared, but the content was not displayed in full screen width. - Elena Semenova
    • @ Elena Semenova and you take the content in the meta tag, or do you use it, as written in the question? - mix
    • I take, stackoverflow.com with meta does not miss - Elena Semenova
    • @ Elena Semenova then try setting content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" in meta . In addition, it is better to put a picture in percentage. - mix
    • It helped with the indication width = 768. Now we need to figure out how to run this viewpoint only when the horizontal position is 480. Scripts that replace the meta element do not work. - Elena Semenova