iphone - iPad webkit border-image css rendering problem -


using border-image css property on site having strange rendering artifacts on ipad (assuming ios devices have same problem). it's adding little lines image getting sliced according css. see image reference: alt text

doing things cause lines disappear such zooming in, or moving div i've applied to. i'm assuming rendering bug in mobile safari, have ideas/suggestions on how fix it?

i might add renders correctly in desktop browsers supporting property: safari, chrome, firefox, etc.

i'm pretty sure if zoom in/out safari on desktop version see same problem. you're zoomed fractions of pixels , webkit doesn't know subpixels.

try adding head:

<meta name="viewport" content="initial-scale=1"> 

that way default view good. disable zooming, wouldn't recommend unless it's website designed ipad.


Comments

Popular posts from this blog

Add email recipient to all new Trac tickets -

400 Bad Request on Apache/PHP AddHandler wrapper -

php - Change action and image src url's with jQuery -