ios - Strange black area on IPhone -
i have strange problem. website using template , on iphone showing strange black vertical bar on right side.
i installed safari , activated user agent. when set agent ipad, seeing problem, client told me on iphone.
strangely when dev tools, seems outside html. causing this? have tried set html , body 100% width , overflow-x hidden, did not help.
i have included screenshot:
i have never seen before. be? verymuch!
addition:
here live example:
example offline, sry
somewhere, @ point, have element padding, border or margin blowing things out. couldn't track down, easy way kill off these days in style sheet (which commonly used part of standard reset):
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
that seems fix issue, although on next project, recommend not setting fixed widths, rather use width: 100% etc, users on screens narrower 300px still have issues.
Comments
Post a Comment