How to make the site header so that it was the entire size of the window, but it did not change its size. I will explain, in chrome on the android, when the scroll comes out the socket with the URL and the settings button, it changes the viewport size, so the banal height: 100vh; width: 100vh; height: 100vh; width: 100vh; does not fit, because page jumps, there is an option to make a resize through js, with scroll resize events and only when this section is visible in the viewport. What are some techniques for such tricks?
Herrgott herrgott
1,358 five 28
- Another similar problem is in safari on iPhon, depending on the version of iOs, safari contains either the top panel or the top and bottom panels. Moreover, they are superimposed on the viewport, without changing its size, it is impossible to track them, but on iphone4 in horizontal orientation they hide almost a third of the screen, on iphone5 about a quarter. For a super-duper layout you have to write styles for each such device. - Mikl
- And the cap should scroll? - user220409
- @OlmerDale Not Required - Herrgott
|
1 answer
So I wrote my own script. jsResizer
Resize the section to fit the screen only if the section is visible in the viewport
Herrgott herrgott
1,358 five 28
|