是的，这是可能的，尽管很麻烦。您需要将页面的HTML打印/回显到页面主体中，然后应用CSS规则更改函数。使用上面给出的相同示例，本质上是使用在页面中查找div的解析方法，然后对其应用CSS，然后将其重新打印/回显给最终用户。我不需要这个，所以我不想把这个函数编码到另一个网页的CSS中的每一个项目中，只是为了适应。

引用:

IFRAME打印内容 使用PHP或JavaScript访问和打印HTML源代码 http://www.w3schools.com/js/js_htmldom_html.asp http://www.w3schools.com/js/js_htmldom_css.asp

简单的回答是:不，对不起。

仅仅使用CSS是不可能的。你基本上需要控制iframe内容，以便对它进行样式化。有一些方法使用javascript或你选择的web语言(我读过一点，但我自己不熟悉)来动态插入一些所需的样式，但你需要直接控制iframe内容，这听起来好像你没有。

您可以先检索iframe的内容，然后像往常一样对它们使用jQuery选择器。

$("#iframe-id").contents().find("img").attr("style","width:100%;height:100%")

$("#iframe-id").contents().find("img").addClass("fancy-zoom")

$("#iframe-id").contents().find("img").onclick(function(){ zoomit($(this)); });

好运！

就像尤金说的，一种粗鄙的做事方式。我最终遵循他的代码，并链接到我的自定义Css页面。我的问题是，有了twitter的时间轴，你必须做一些回避twitter来覆盖他们的代码一点点。现在我们有一个滚动的时间轴与我们的css，即更大的字体，适当的行高和使滚动条隐藏的高度大于他们的限制。

var c = document.createElement('link');
setTimeout(frames[0].document.body.appendChild(c),500); // Mileage varies by connection. Bump 500 a bit higher if necessary

只要添加这个，一切都很好:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

是的，这是可能的，尽管很麻烦。您需要将页面的HTML打印/回显到页面主体中，然后应用CSS规则更改函数。使用上面给出的相同示例，本质上是使用在页面中查找div的解析方法，然后对其应用CSS，然后将其重新打印/回显给最终用户。我不需要这个，所以我不想把这个函数编码到另一个网页的CSS中的每一个项目中，只是为了适应。

引用:

IFRAME打印内容 使用PHP或JavaScript访问和打印HTML源代码 http://www.w3schools.com/js/js_htmldom_html.asp http://www.w3schools.com/js/js_htmldom_css.asp