Fancybox V2 适合内容宽度 iframe

Posted 2023-05-09

【中文标题】Fancybox V2 适合内容宽度 iframe

【英文标题】：Fancybox V2 fit content width iframe

【发布时间】：2014-05-19 08:22:01

【问题描述】：

我一直试图让来自 fancybox v2 的 iframe 适合我的内容的宽度。它总是在 iframe 中显示很大的内容，我必须水平滚动才能看到其余的内容。我想查看 iframe 中内容的整个宽度，而无需滚动。我将如何处理这个解决方案？

我试过了，但没有用。

 $(".fancybox").fancybox(
     maxWidth: 992
   ); 

见-http://fancyapps.com/fancybox/

【问题讨论】：

我不确定fancybox是否应该适应内容的width——或者——内容应该适应fancybox的width。如果是第一种，如果内容比视口宽，则无法避免水平滚动条。如果是第二个，您可以将90% 的maxWidth 设置为fancybox，这样它就永远不会扩展大于视口，并且如果您可以控制在iframe 中打开的页面，则可以使其响应并设置width 100% 到 body 标签，所以它总是适合最新的大小的fancybox，这有意义吗？

【参考方案1】：

不要改变maxWidth，试试width-

$(".fancybox").fancybox(
 width: 992,
 height:992
);