1

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 では別の名前で呼ばれています (希望的観測)。

4

1 に答える 1