Tumblr Photoset在iPad上沒有響應

Question

我正在研究tumblr上的自定義主題，並且希望使其具有響應性。

到目前為止，這是我想出的內容： couchspinach.tumblr.com

我的問題是照片集。 我正在使用{photoset}標簽。 Tumblr文檔說：

{Photoset}嵌入代碼以生成可縮放以適合容器的響應式Photoset（最大700像素寬）

我已經在一些瀏覽器中測試了版式，並且除了ipad之外，所有地方的圖像都可以正確調整大小！ 這是橫向模式下的幾個屏幕截圖。 第一張照片集可以，第二張照片集不可以。 它同時在Safari和ios上運行。

我在網上找不到的東西很多， 這是唯一與問題相關的討論，但尚未找到解決方案。 有人知道這可能是什么嗎？ 老實說，我不知道從哪里開始，我刪除了js，這與CSS沒什么區別。 我真的不知所措。 任何幫助將非常感激。

Answer 1

答對了！

function resizePhotosets(){
    var parentWidth = document.body.querySelector('.html_photoset').offsetWidth; 
    var photosets = document.body.querySelectorAll('iframe.photoset');
    for(var i = 0; i < photosets.length; ++i){
        var photoset = photosets[i];
        photoset.width = parentWidth;
    }   
}
window.onload = resizePhotosets;
window.onresize = resizePhotosets;

// if using Infinite Scroll, call resizePhotosets() in it's callback function.

https://gist.github.com/edadams/6678258

非常感謝Ed Adams。