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
Comments
Post a Comment