I am trying to use the element to change the size of my logo if someone visits the website from mobile devices for example.

This is the code that I'm using :

 <picture>
 <source srcset="http://ift.tt/1F1Zmn0" media="(min-width: 1125px)">
 <source srcset="http://ift.tt/1Mz2WhP" media="(min-width: 768px)">
 <source srcset="http://ift.tt/1Mz2WhP" media="(max-width: 1123px)">
 <img src="http://ift.tt/1F1Zmn0" alt="alt text examplle!">
</picture>

Problem is that the code works partially. For example works on my Android cell phone with latest version of Chrome but does't work on Iphone 6.

Works perfectly on desktop and if i resize de browser window it will change the logo. However, not the case on many new tablets.

Question is where is the problem ... Many thanks