请选择 进入手机版 | 继续访问电脑版

巅峰霸主

 找回密码
 立即注册

QQ登录

只需一步,快速开始

iframe实现宽高100%自适应代码

[复制链接] [添加相关主题]
烈火大地 发表于 2020-1-27 08:43:09 | 显示全部楼层 |阅读模式
iframe怎么实现宽和高100%自适应,如果设定固定的宽度和高度就只能在固定的屏幕上展示,改变屏幕大小需要修改css宽高来固定,这里提供一种思路。代码如下。
body {
margin: 0; /* Reset default margin */
}
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100vw;
}
<iframe></iframe>


上一篇:css实现强制不换行/自动换行/强制换行代码大全
下一篇:HTML及JavaScript等获取网站域名代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|巅峰霸主 ( 京ICP备12023415号-2 )

声明:本站的任何信息和内容仅代表作者的立场和观点,与巅峰霸主网无关。

禁止在巅峰霸主网发布任何与《中华人民共和国法律》相抵触的言论!

GMT+8, 2020-4-6 19:26 , Processed in 0.097493 second(s), 25 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表