Safari は<img> srcset & sizes
属性 ( http://caniuse.com/#search=srcset ) をサポートするようになり、テストでは機能します。
Safari を使用して機能検出ライブラリhttp://featurejs.comにアクセスすると、(誤って)サポートされていないsizes
ことが報告されます。
sizes
が img オブジェクトにないためです。
次のような画像が定義されている Safari のページにアクセスすると、次のようになります。
<img srcset="smallpic.jpg 300w, mediumpic.jpg 600w, bigpic.jpg 1000w"
sizes="(max-width: 600px) 100vw,
50vw" >
次に、コンソールでこれを試してください:
var img = document.querySelector('img');
console.log(img.srcset); // prints srcset definition
console.log(img.sizes); // undefined
img.sizes
ただし、Chrome または Firefox では正しく報告されます。
動的に追加されるコンテンツのサイズを操作できるようにしたいと考えています。
物件にアクセスする方法を知っている人はいますか?たぶん、Safari では別の名前で呼ばれています (希望的観測)。