Comrades, when you are adapting, then what resolutions of the monitor are you repelled from? if it is full hd, then clearly not 1920x1080. Tell me. My problem is that the site is divided into 4 parts and these parts are 100% of the height of the monitor and when narrowing, for example, to 1450x1050 content climbs out of the block. Under what exact permissions to typeset and what tools can you advise?

    1 answer 1

    In adaptive layout based on the width of the display. Adjusting to the height doesn’t matter, as the non-height content simply scrolls, as does the page as a whole.

    The width I like to rely on bootstrap breakpoints . Here they are:

    все, что меньше < 480px < 768px < 992px < 1200px < все, что больше

    They are enough to, with a certain degree of roughness - without problems to adapt sites for different devices.

    • If you specify 100% of the block height (and another block is 100% height behind this block), then the content of the first one starts climbing out to the second one or (if overflow: hidden is specified), then it is clear what happens - Ilya Osmanov