css - Change Object Size - Android < 4.3 -


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.

the issue

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