Chrome indents appear indents it should be

Indents appear only when there is at least one <input type="text" /> on the page. When input is not, everything is shown correctly. Everything is fine on the desktop, Html * { min-height:1000000px; } Html * { min-height:1000000px; } spelled.

When I write <meta name = "viewport" content = "width=device-width, initial-scale=1"> , the indents disappear, but this option doesn’t fit, you need the full-width scaling site immediately upon opening.

Red highlighted blocks where indents appear. <meta name = "viewport" content = "width=device-width, initial-scale=1">

Styles are trivial to madness. For example, phone:

 <div class="header__phone" style="background: red;">Телефон</div> 

His style:

 .header__phone { float: right; font-size: 30px; font-weight: bold; color: #fff; text-align: right; } .header__phone:before { height: 100%; display: inline-block; vertical-align: middle; content: ''; } 

Just add <input type="text" /> to any place on the page. And immediately appear indents.

Basic styles dropped, does not help.

  • Do not re-create questions. If you need to add something - edit an existing post. - PashaPash

0