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:

enter image description here

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

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -