通过iframe进行响应式设计

时间:2012-09-19 10:47:49

标签: javascript jquery

通过iframe查看的网站上的响应式设计似乎不起作用。我想改变孩子的宽度css,使其正确适合

这就是我的尝试:

<script type='text/javascript'>
  $(document).ready(function(){
                       $("##frameDemo").contents().find("body").css("width","100px");
   });
                    </script> 

    <iframe src="http://www.domain.com?ID=#getincentiveID()#" width="80%" height="100" id='frameDemo'></iframe> 

1 个答案:

答案 0 :(得分:4)

我可以看到一些错误:$("##frameDemo")应为$("#frameDemo")

然后,如果src="http://www.domain.com..."指向外部域,则无法使用JavaScript访问DOM内容。


您可以使用php获取远程页面内容:

$url = 'http://www.domain.com?ID=#getincentiveID()#';
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$page = curl_exec($ch);
curl_close($ch);

然后您将页面内容存储在$page上。