Iframe Fancybox 响应式

Question

我希望我的弹出框在水平方向上以响应式的方式响应，但垂直方向上不需要。

当我使用fancybox来调用img时，它可以正常工作，但是对于iframe，则不能正常工作。

查看我的第一份工作和第二份工作之间的差异。

我使用...

<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>

- Kéryh

Answer 1

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

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

请查看JSFIDDLE。

- JFK

---

谢谢，它有效。这就是我所做的，现在我明白我错在哪里了...在我的域名前加上“www”，它可以工作。没有“www”，它就无法工作；我不明白为什么会有这样的区别。 - Kéryh

@user3435194：你可能无法访问没有“www”的网站，因为你的.htaccess文件中可能有一个重定向规则，阻止没有“www”的条目进入，但这只是猜测。 - JFK

好的，问题在于我将iframe的链接写成了这样：http://www.freymathias.com/file/test.html。 使用http://freymathias.com/file/test.html或/file.test.html就可以解决问题了。 我仍然会进行URL重定向。感谢您的速度和技能JFK。 - Kéryh