iframe fancybox 响应式答案

【问题标题】：iframe fancybox responsiveiframe fancybox 响应式
【发布时间】：2014-05-14 22:23:08
【问题描述】：

我希望我的 popin 以响应方式水平响应，而不是垂直响应。当我使用 fancybox 来调用 img 时它可以工作，但当它用于 iframe 时则不行。

Check the difference between my first work and the second.

我用

<script type="text/javascript">
$(document).ready(function(){
  $('.fancybox').fancybox({
   openEffect: 'elastic',
   closeEffect: 'elastic',
   prevEffect: 'fade',
   nextEffect: 'fade',
   fitToView: true, // 
   maxWidth: "90%", // 
   type: 'iframe',
   scrolling: 'no',
   iframe : {
    scrolling : 'no'
   }
  });
});
</script>

【问题讨论】：

标签： jquery html iframe fancybox

【解决方案1】：

您实际上可能需要将 fitToView 设置为 false。

$(".fancybox").fancybox({
    fitToView: false, // <-- so it will take your values into account
    // other API options etc.
});

见JSFIDDLE

【讨论】：

谢谢，它有效。这就是我所做的，现在我明白了为什么我错了......在我的域名前加上“www”，它可以工作。没有“www”，它不起作用；我不明白为什么会有差异。
@user3435194 ：没有www，您可能无法访问您的站点，因为您的.htaccess 文件中可能有一个重定向规则，该规则会阻止没有www 的条目，但这是猜测。
好的，问题是我这样写了指向 iframe 的链接：http://www.freymathias.com/file/test.html。使用http://freymathias.com/file/test.html 或/file.test.html，问题就解决了。我仍然会进行 URL 重定向。感谢您的速度和技巧 JFK。