html如何无缝嵌入一个网页
iframe 标签是一个内联框架，即用来在当前 HTML 页面中嵌入另一个文档的，且所有主流浏览器都支持iframe标签。
基本语法：iframe src="文件路径"/iframe
iframe 标签常用属性介绍:
height可以设置框架显示的高度
width可以设置框架显示的宽度
name可以定义框架的名称
frameborder用来定义是否需要显示边框，取值为1表示需要边框
scrolling用来设置框架是否需要滚动条，取值可以是yes,no,auto
src用于设置框架的地址，可以使页面地址，也可以是图片地址
align用于设置元素对齐方式，取值可以是left，right，top，middle，bottom
sandbox属性：为了提高安全性，可以使用sandbox属性来限制iframe的行为。sandbox属性可以防止嵌入的内容执行某些操作，如运行JavaScript、提交表单等。
以上属性可以根据需要进行设置。

Viewport与移动端尺寸的基础知识

Viewport我们可以操作的属性：
width: viewport 的宽度 （范围从200 到10,000，默认为980 像素）
height: viewport 的高度 （范围从223 到10,000）
initial-scale: 初始的缩放比例 （范围从>0 到10）
minimum-scale: 允许用户缩放到的最小比例
maximum-scale: 允许用户缩放到的最大比例
user-scalable: 用户是否可以手动缩放 (no,yes)

画布缩放（scale）：
① scale 是指画布以 device-width 大小为基准的缩放值；
② initial-scale=1.0 也就相当于设置了width=device-width；
③ 通常需要同时设置这两个值，这是因为两者在不同平台有兼容性问题，因为在 iPhone 和 iPad 上，只支持 inital-scale=1 的设置 。

meta标签解读：
meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=1.0：表示最小的缩放比例
maximum-scale=1.0：表示最大的缩放比例
user-scalable=no：表示用户是否可以调整缩放比例

z-index:999 最顶层代码