问题
Safari is not handling srcset correctly for some of the images on my site and is completely ignoring the rules I set in the sizes attribute.
If you click on the link below and view it in Safari, you will see the images at the top are being displayed at their original sizes rather than the size I generated them as.
However, at the bottom of the page it's worked? And has been downloaded as westfield-house-large-bottom-955x637.jpg.
I've read that Safari is terrible at handling srcset and size attributes on images but in recent versions it's okay. I'm using Safari 10.0.1 which should have support for this.
Can anyone help me understand why the bottom image works but the ones at the top don't?
http://bluemoontesting.co.uk/susatchwell/projects/westfield-house/
I've been trying to figure this out for ages now and can't seem to get anywhere with it so If anyone can shed any light to why this is happening I'd be very grateful.
Many thanks, Shaun
来源：https://stackoverflow.com/questions/48705380/safari-10-0-1-not-choosing-correct-image-from-srcset