How to account for the vertical scroll bar in media queries?

You need to make a fixed responsive layout. The breakpoints are selected, 768px, 1440px. With the gradual compression of the browser window when approaching the breakpoint appears to have a horizontal scroll bar. As I understand it, this is due to the fact that the band pushes the content, compresses it, but the transition point does not account for the stripe and the edge of the browser still does not reach the size smaller than the transition point.
How to correctly account for the vertical scrollbar?
The problem disappears if the transition is to do a little earlier, for example to 790px. Since the width of the vertical scroll bar of about 15px.
April 7th 20 at 11:02
1 answer
April 7th 20 at 11:04
you on mob try, or in the emulator chrome. There is a scroll bar does not affect the width. And a decrease in the window no one checks adaptiv
I'm just worried that someone will get it in the number of lanes. Of course it is nonsense, but I thought must be very precisely solved, each case. Of course on different devices, which I check, anywhere no streaks, and transitions work correctly. - allie.Mayer commented on April 7th 20 at 11:07
@Savannah.Mo, this may be, for example on an old monitor whose resolution coincides with the tablet.
Almost never encountered such problems usually layout a little chewy and the appearance of the scroll bar is not affected.
And given the band without js crutches okay to fail. - ella commented on April 7th 20 at 11:10
The last 2 layout generally make the determination on the backend of a mobile device. And if the PC is left fixed layout, if the mob still load the mobile styles.
The same booking done something like that, but it is adaptive to 991 on the PC, but if you go with a mobile device, there already they define and derive a slightly different code. - ella commented on April 7th 20 at 11:13

Find more questions by tags CSSAdaptive designMedia queries