Tumblr照片在ipad上没有响应

Question

我正在研究tumblr上的自定义主题，我想让它变得敏感。

这是我到目前为止所提出的：couchspinach.tumblr.com

我的问题是照片。我正在使用{photoset}标签。 Tumblr docs说：

  

{Photoset} 为响应的Photoset嵌入代码，缩小以适应容器（最大700像素宽）

我已经在几个浏览器中测试了布局，除了在ipad上外，所有图像都在正确调整大小！这是横向模式下的几个屏幕截图。第一张照片是好的，第二张照片没有。它出现在Safari和Chrome for ios上。

我在网上找不到多少，this是唯一与此问题相关但尚无解决方案的讨论。谁知道它可能是什么？老实说，我不知道从哪里开始，我删除了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。