当前位置：网站首页>iframe框架自适应大小/全屏显示网页框架的方法

iframe框架自适应大小/全屏显示网页框架的方法

2022-06-10 22:17:00 【于飞SEO】

简介

全页面全屏显示iframe，并且随网页和显示设备自适应，框架中的目标网页支持自适应才可以实现自适应。

实例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta id="viewport" name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 
    <title>自适应iframe框架</title>
    <style>
        html,body,iframe{width: 100%;height: 100%;padding: 0;margin: 0}
        #wrap{width: 100%;height: 100%;}
        iframe{border: none;}
 
    </style>
</head>
<body>
<div id="wrap">
    <iframe src="http://ym.ws58.net"></iframe>
</div>
</body>
</html>

本文部分内容来源于网络，转载请注明来源，如需投诉请联系我们[email protected]

原网站

版权声明
本文为[于飞SEO]所创，转载请带上原文链接，感谢
https://blog.csdn.net/q906270629/article/details/125201343