<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.9.1.min.js"></script>
    <style>
        *{
            margin: 0;padding:0
        }
        html,body{
            height:100%;
            width:100%;
        }
        iframe{
            background: red;
            position: fixed;
            width:100%;
            height:100%;
            left:0;
            top:0
        }
    </style>
</head>
<body>
<iframe src="http://bsdp.cmvideo.cn/"  marginheight="0"  marginwidth="0" id="iframe" frameborder="0" width="100%" height="100%" ></iframe>
<script>
    $("#iframe").attr("width",window.innerWidth+"px").attr("height",window.innerHeight+"px");
    window.onresize=function(){
        $("#iframe").attr("width",window.innerWidth+"px").attr("height",window.innerHeight+"px");
    }
</script>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.9.1.min.js"></script>
    <style>
        *{
            margin: 0;padding:0
        }
        html,body{
            height:100%;
            width:100%;
        }
        iframe{
            background: red;
            position: fixed;
            width:100%;
            height:100%;
            left:0;
            top:0
        }
    </style>
</head>
<body>
<iframe src="http://bsdp.cmvideo.cn/"  marginheight="0"  marginwidth="0" id="iframe" frameborder="0" width="100%" height="100%" ></iframe>
<script>
    $("#iframe").attr("width",window.innerWidth+"px").attr("height",window.innerHeight+"px");
    window.onresize=function(){
        $("#iframe").attr("width",window.innerWidth+"px").attr("height",window.innerHeight+"px");
    }
</script>
</body>
</html>


												


											
iframe平铺到浏览器的更多相关文章
	

    
								
  1. CSS背景100%平铺 浏览器缩小背景显示不全解决办法
		
    本文我们分享前端CSS背景100%平铺,浏览器缩小背景显示不全bug解决的两个方法,如果你也遇到了,那么就可以参考下面文章. 把浏览器的窗口缩小时,拖动滚动条时你会发现原本设定的CSS背景100%平铺 ...
    
		
    2. 
						
  2. 手机端浏览器适配，background 背景平铺 ，有的出不来
		
    .mobilePage .report { background: url(../images/mobile-report.png) repeat; background-size: 100% :/* ...
    
		
    3. 
						
  3. CSS背景横向平铺BUG，解决方法
		
    给定DIV一个背景图片横向平铺,缩小浏览器,拉动横向滚动条,此时触发此BUG:背景图片平铺不完整 解决办法: 1.把背景图片写在BODY上,此办法局限于没有使用iframe的情况下,所以少用 2.设定 ...
    
		
    4. 
						
  4. ie8下背景图片平铺问题
		
    IE9+及其他浏览器实现背景图片平铺可能需要一个属性就可以background-size:100%/cover; 但是ie8下background-size是不兼容的,因此我们需要用到滤镜,来解决背景 ...
    
		
    5. 
						
  5. zTree变异篇：如何让同级树节点平铺而非垂直显示
		
    昨天有一个zTree的使用者在实际的项目中有着这样一个特殊的需求,要求同级树节点能够水平显示,根据设定的宽度自动换行,效果图如下所示:   通过在浏览器调试模式下观察其同级节点的css为: 这个dis ...
    
		
    6. 
						
  6. Ubuntu18.04解决鼠标移动到Gnome顶栏左上角窗口不能平铺( Activites Overview 界面)，和应用程序扩展不好用问题。
		
    在用习惯了GNOME我们知道一个很好的功能就是通过鼠标移动到Gnome顶栏左上角后所有打开的窗口就会平铺在显示器上方便我们选不同的窗口(Activites Overview 界面),苹果MAC系统也有 ...
    
		
    7. 
						
  7. LODOP中设置设置图片平铺水印，超文本透明
		
    之前的博文:LODOP中平铺图片 文本项Repeat. 该博文中是平铺的图片,上面是文本.如果是图片add_print_image和add_print_text纯文本,这两个打印项设计的,可以直接通过 ...
    
		
    8. 
						
  8. LODOP打印超文本保留背景色带平铺水印
		
    前面的博文:LODOP中设置设置图片平铺水印,超文本透明. 介绍过 ,如果不想去掉超文本的背景色,想在超文本背景色和超文本内容文字之间加上水印,让水印在背景色上面,文字下面,是不行的,因为平铺的图片和 ...
    
		
    9. 
						
  9. HTML布局排版2 div的和图片平铺方便管理
		
    在HTML里,由于浏览器显示器等差异,浏览器的宽度也会有变化,为了适应不同的宽度,需要用到平铺.例如页面前面的固定的条等,如果是纯色,可以用背景色,如果不是纯色,是渐变等,可以用条状图平铺.常见的布局 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 经常用到的js函数
			
    //获取样式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ retu ...
    
			
    2. 
						
  2. 洛谷 P1516 青蛙的约会
			
    https://www.luogu.org/problemnew/show/P1516#sub 题意还是非常好理解的..... 假如这不是一道环形的跑道而是一条直线,你会怎样做呢? 如果是我就会列一个 ...
    
			
    3. 
						
  3. Noip 训练指南
			
    目录 Noip 训练指南 图论 数据结构 位运算 期望 题解 Noip 训练指南 目前完成 \(4 / 72\) 图论 [ ] 跳楼机 [ ] 墨墨的等式 [ ] 最优贸易 [ ] 泥泞的道路 [ ] ...
    
			
    4. 
						
  4. LeetCode1089复写零
			
    问题: 给你一个长度固定的整数数组 arr,请你将该数组中出现的每个零都复写一遍,并将其余的元素向右平移. 注意:请不要在超过该数组长度的位置写入元素. 要求:请对输入的数组 就地 进行上述修改,不要 ...
    
			
    5. 
						
  5. 反爬虫之搭建IP代理池
			
    反爬虫之搭建IP代理池 听说你又被封 ip 了,你要学会伪装好自己,这次说说伪装你的头部.可惜加了header请求头,加了cookie 还是被限制爬取了.这时就得祭出IP代理池!!! 下面就是requ ...
    
			
    6. 
						
  6. Erasing and Winning UVA - 11491 贪心
			
    题目:题目链接 思路:不难发现,要使整体尽量大,应先满足高位尽量大,按这个思路优先满足高位即可 AC代码: #include <iostream> #include <cstdio& ...
    
			
    7. 
						
  7. debian使用ibus
			
    $ sudo apt-get install ibus ibus-pinyin 点击右上角的键盘图标,设置拼音输入法
    
			
    8. 
						
  8. BZOJ 2721: [Violet 5]樱花
			
    (X-N)(Y-N)=N^2 #include<cstdio> using namespace std; const int mod=1e9+7; int n,cnt,isprime[10 ...
    
			
    9. 
						
  9. HDU 4738 双连通分量 Caocao's Bridges
			
    求权值最小的桥,考虑几种特殊情况: 图本身不连通,那么就不用派人去了 图的边双连通分量只有一个,答案是-1 桥的最小权值是0,但是也要派一个人过去 #include <iostream>  ...
    
			
    10. 
						
  10. react技术栈实践（2）
			
    本文来自网易云社区 作者:汪洋 这时候还没完,又有两个问题引出来了. 按照上面的配置,第三方库 antd 竟然也被编译了,导致样式失败. react中,一旦包裹了子组件,子组件没办法直接使用 styl ...
    
			
    11.