i testing website android browser on android 4.3, , <object> not work other plattform. svg being scaled, it's original size. reason not scale parent div.

as see it's both logo , white objects below. these supposed circles, shows part of object.
i refer can use says <object> not supported android 4.3 , older.
example of object:
<object data="#.svg" type="image/svg+xml"> <img src="#.png" alt="text"> </object> as see have fallback, not work. rather takes svg-file... have tried setting object following:
height: 100% auto; but did not work.
i have tried setting exact sizes px, though don't want. more test see if helped.
width: 50px height: 50px; please see page if have troubles understanding. note must using android browser android 4.3 or older.
i looking solution makes svg or object fit inside div. have ideas?
the problem solved making svg non-interative, , using <img> combined script fallbacks png version:
<img src="#.svg" onerror="this.src='#.png'">.
Comments
Post a Comment