There are two blocks, occupying 50% of screen width. In each block there are two blocks with 100% width, arranged vertically. Example: jsfiddle.net/Xr73W/5
. If you change the width of the viewing window, we can see that frame headers are sometimes drawn smaller in width than the content. Under the blocks given different values of the width of the blocks.
How to get the real width of the upper and lower blocks on the screen using JS for WebKit? Maybe there's a recipe to get around this artifact?
The development tools in Chrome show the wrong width (407px, although the whole picture 406px):
PS In Firefox everything is displayed correctly