移动端使用PC的网页

Question

问题如下：微信浏览器直接打开一个PC端网页，此网页非响应式，微信打开后是成整体缩小的状态完整显示的。但在用iframe标签 src引入此PC端网页则显示的结果就不是整体缩小的，怎样让这个页面和用浏览器直接打开的显示效果一致？能使用整个移动端宽度缩小比例。

iframe是在div标签内，已经设置width：100%

Answer 1

为什么不做成自适应的呢

Answer 2

• 用pc端的页面在手机上打开 虽然 可以打开 但是 模糊效果可见一斑 根本都不适用

• 在移动端调页面 你就直接调专门给移动端设计的页面 整体缩小的效果真的很糟

• 我试了一下 获取百度 用iframe

<div class="demo">
<!-- <a href="http://www.baidu.com"  >click me</a> -->
<iframe src="http:www.baidu.com"></iframe>
</div>

body,html{
    width: 100%;
    height: 100%;
}
.demo{
    width: 100%;
    height: 100%;
}
/*iframe{
    width: 100%;
    height: 100%;
}*/

测试了一下
要全屏的话
你得先这样设置一下样式
然后就可以了

Answer 3

iframe是行内框架 它的宽高不是继承body 你需要单独进行设置 让他宽高自适应

例如：
function changeFrameHeight(){

var ifm= document.getElementById("iframepage"); 
ifm.height=document.documentElement.clientHeight;

}
window.onresize=function(){

 changeFrameHeight();  

}

也可百度查查解决办法