<!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. Nuget使用备忘
			
    菜单:工具-库程序包管理器-管理解决方案的NuGet程序包,搜索,下载,安装 或者 工具-库程序包管理器-程序包管理器控制台,输入PM命令,如: install-package log4net 如果不 ...
    
			
    2. 
						
  2. oracle系統表、數據字典介紹與日常問題診斷
			
    oracle系統表.數據字典介紹與日常問題診斷 數據字典是由唯讀的table和view組成的,產生於$oracle_home\rdbms\admin\catalog.sql.裡面儲存Oracle資料庫 ...
    
			
    3. 
						
  3. Factorialize a Number-freecodecamp算法题目
			
    Factorialize a Number(计算一个整数的阶乘) 要求 给定一个整数,求其阶乘(用字母n来代表一个整数,阶乘代表着所有小于或等于n的整数的乘积) 思路 确定乘的次数 用for循环进行累 ...
    
			
    4. 
						
  4. IIS7.0/8.0的错误HTTP Error 500.19 - Internal Server Error ，错误代码为0x80070021
			
    最近在部署项目的时候,总是出现了这个问题. 大概原因为IIS7.0的安全设定相比前版本有很大的变更.IIS7.0的安全设置文件在%windir%\system32\inetsrv \config\ap ...
    
			
    5. 
						
  5. 公用表表达式CTE简单递归使用-简单树形结构
			
    1.建表脚本 CREATE TABLE [dbo].[tb_tree]( ,) NOT NULL, [ParentId] [int] NULL, ) NULL, CONSTRAINT [PK_tb_t ...
    
			
    6. 
						
  6. linux下安装mysql并设置远程连接
			
    腾讯云环境为Centos7.4   mysql版本为5.6 本次安装使用yum安装 检查是否已有mysql: yum list installed | grep mysql 下载yum源文件: wge ...
    
			
    7. 
						
  7. leetcode-25-exercise_string&array
			
    14. Longest Common Prefix Write a function to find the longest common prefix string amongst an array ...
    
			
    8. 
						
  8. UVALive - 3942 （DP + Trie树）
			
    给出一个长度不超过300000的字符串 S,然后给出 n 个长度不超过100的字符串. 如果字符串可以多次使用,用这 n 个字符串组成 S 的方法数是多少? 比如样例中,abcd = a + b +  ...
    
			
    9. 
						
  9. Linux学习-透过 systemctl 管理服务
			
    透过 systemctl 管理单一服务 (service unit) 的启动/开机启动与观察状态 一般来说,服务的启动有两个阶段,一 个是『开机的时候设定要不要启动这个服务』, 以及『你现在要不要启动 ...
    
			
    10. 
						
  10. 反转单词顺序  VS 左旋转字符串
			
    题目一:输入一个英文句子,翻转句子中单词的顺序,但单词内字符的顺序不变.为简单起见,标垫符号和普通字母一样处理.例如输入字符串“I am a student.”,则输出“student. a am I ...
    
			
    11.