html5 - <picture> element doesn't work correctly - works partially on new devices -


i trying use <picture> element change size of logo if visits website mobile devices example.

this code i'm using :

<picture>    <source srcset="http://www.pixelmedia.ro/ina/wp-content/themes/compass/ina/logo.jpg" media="(min-width: 1125px)">    <source srcset="http://www.pixelmedia.ro/ina/wp-content/themes/compass/images/logo-mobile.jpg" media="(min-width: 768px)">    <source srcset="http://www.pixelmedia.ro/ina/wp-content/themes/compass/images/logo-mobile.jpg" media="(max-width: 1123px)">    <img src="http://www.pixelmedia.ro/ina/wp-content/themes/compass/ina/logo.jpg" alt="alt text examplle!"> </picture> 

problem code works partially. example works on android cell phone latest version of chrome doesn't work on iphone 6.

works on desktop , if resize de browser window change logo. however, not case on many new tablets.

question problem ...

many thanks

the picture element not supported on ios safari

http://caniuse.com/#search=picture


Comments

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -