简介

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

# elementui # webview # wpf
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

GaussDB数据库高可用部署方案

avatar 华为开发者空间
cover

在华为开发者空间，简单几步带你实现AI风格化编程

avatar 华为开发者空间
cover

GaussDB技术解读——GaussDB架构介绍（四）

avatar 华为开发者空间