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

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

你需要JavaScript。这与在父页面中执行相同，只是必须在JavaScript命令前加上iframe的名称。

请记住，应用同源策略，因此只能对来自您自己服务器的iframe元素执行此操作。

我使用Prototype框架来简化:

frame1.$('mydiv').style.border = '1px solid #000000'

or

frame1.$('mydiv').addClassName('withborder')

可能不是你想的那样。在CSS文件中iframe也必须<link>。如果它在不同的域上，你甚至不能用javascript做到这一点。

显然，它可以通过jQuery完成:

$('iframe').load( function() {
    $('iframe').contents().find("head")
      .append($("<style type='text/css'>  .my-class{display:none;}  </style>"));
});

https://stackoverflow.com/a/13959836/1625795

从客户端不可能。一个javascript错误将被提出“错误:权限拒绝访问属性“文档””，因为Iframe不是你的域的一部分。 唯一的解决方案是从服务器端代码中获取页面并更改所需的CSS。

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

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