加载内容和附加样式

Question

我知道iFrames或默认的jQuery加载功能无法做到这一点，所以我正在寻找一种更好的“解决方法”或概念。

我们必须加载iframe才能显示结帐流程（长篇故事），而iFrame内容太宽。 如果没有滚动，有没有办法隐藏一些内容或调整内部内容的大小，以适应600px宽的盒子900px的内容？

我不确定是否有单一选项，否则我们可能需要在灯箱中叠加，但这对我们来说并不理想。

编辑：我想我正在寻找的是跨浏览器设置，允许我将内容从外部位置加载到保存活动链接等的DIV中。可能不可能？

Answer 1

我确信您加载到iframe中的页面布局发生了如此剧烈的变化，提出了设计问题。但假设您知道如何使该页面1/3更窄，并假设您从与父页面相同的域提供iframe，则可以设置备用样式表，并将其附加到iframe文档

在父文件中（未经测试）：

var framedoc = frames['your_frame'].document;
var framedoc_head = $(framedoc).find('head');
$('<link/>', {
  rel : 'stylesheet',
  type: 'text/css',
  href: '/your_narrower_style_sheet.css'
})
.appendTo(framedoc_head);