In the Google Chrome browser I use IPhone5 simulation. It is necessary that the tags <html> and <body> occupy the entire screen. On some mobile devices, this is what happens. But not at all. Resolution on IPhone5 - 320x568. The width and height of the <html> and <body> also 320px and 568px. But in reality, tag sizes are smaller. I guess this is due to the hardware and reference pixel.
Ps. I want to keep the possibility of scroll bars.
html, body{overflow-x: hidden;} - does not work
html{ min-width: 100vw; height: 100vh; } body{ display: flex; flex-direction: column; min-width: 100vw; height: 100vh; } <meta name="viewport" content="width=device-width, initial-scale=1.0"> How to make <html> and <body> occupy the entire accessible area, regardless of the device?
EDIT1
Indenting always zero:
*{ padding: 0; margin: 0; } 