简介

全页面全屏显示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>

本文部分内容来源于网络,转载请注明来源,如需投诉请联系我们906270629@qq.com

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐