<!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. Java基础面试操作题：Java代理工厂设计模式 ProxyFactory 有一个Baby类，有Cry行为，Baby可以配一个保姆 但是作为保姆必须遵守保姆协议：能够处理Baby类Cry的行为，如喂奶、哄睡觉。
			
    package com.swift; public class Baby_Baomu_ProxyFactory_Test { public static void main(String[] args ...
    
			
    2. 
						
  2. APP上线碰到的问题：Non-public API usage
			
    ①.Non-public API usage:The app references non-public symbols in XXXX: _UICreateCGImageFromIOSurface  ...
    
			
    3. 
						
  3. Java AES加密解密工具 -- GUI 、在线传输文件
			
    原理 对于任意长度的明文,AES首先对其进行分组,每组的长度为128位.分组之后将分别对每个128位的明文分组进行加密. 对于每个128位长度的明文分组的加密过程如下:     (1)将128位AES ...
    
			
    4. 
						
  4. JAVA中文字符串编码--GBK转UTF-8
			
    转载自:https://www.cnblogs.com/yoyotl/p/5979200.html 一.乱码的原因 gbk的中文编码是一个汉字用[2]个字节表示,例如汉字“内部”的gbk编码16进制的 ...
    
			
    5. 
						
  5. LeetCode之Weekly Contest 102
			
    第一题:905. 按奇偶校验排序数组 问题: 给定一个非负整数数组 A,返回一个由 A 的所有偶数元素组成的数组,后面跟 A 的所有奇数元素. 你可以返回满足此条件的任何数组作为答案. 示例: 输入: ...
    
			
    6. 
						
  6. Beyond Compare4.x 破解方案
			
    如果过了30天的评估期或报“Beyond Compare 许可证密钥被撤销” 而导致不能再打开Beyond Compare,可以用下面的方法来解决: 1.找到“C:\Users\[Your User  ...
    
			
    7. 
						
  7. svn提交报错，提示：locked，需要cleanup
			
    版权声明:本文为博主原创文章,未经博主允许不得转载. 原文地址: https://www.cnblogs.com/poterliu/p/9285137.html 在使用SVN提交代码或更新代码时经常会 ...
    
			
    8. 
						
  8. hashable与unhashable
			
    不可哈希(unhashable):就是指其可变,如列表.字典等,都能原地进行修改. 可哈希(hashable):不可变,如字符串.元组那样,不能原地修改. 利用set()和{}建立集合时,要求集合中的 ...
    
			
    9. 
						
  9. wordpress 使用wp_head()函数
			
    wp_head()的作用: 在WordPress主题中使用此函数控制<head>…</head>之间的标签内容. 以通过header.php模板文件输出html中的head标签 ...
    
			
    10. 
						
  10. 创建sql作业（JOB）
			
    在SQL Server日常需求处理中,会遇到定时执行或统计数据的需求,这时我们可以通过作业(JOB)来处理,从而通过代理的方式来实现数据的自动处理.一下为SQL Server中创建作业的脚本,供大家参 ...
    
			
    11.