方法一：
去掉html模板头部的<!DOCTYPE html>，去掉后html标签默认高度充满整个屏幕
iframe加行间属性 height: "100%"
这种情况适用于需要当前屏幕不需要滚动条仅iframe内需要滚动条的
<!-- <!DOCTYPE html> -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow: hidden;} */
</style>
</head>
<body>
<div>
<section>
<iframe src='https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E7%BE%8E%E5%9B%BD%E6%80%BB%E7%BB%9F%E7%AC%AC%E4%B8%89%E9%A1%BA%E4%BD%8D%E7%BB%A7%E4%BB%BB%E8%80%85%E6%84%9F%E6%9F%93%E6%96%B0%E5%86%A0&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1' width='100%' frameborder='0' name="_blank" id="_blank" >
</section>
</div>
</body>
</html>
