解决刘海屏上，整个窗口在滑动，内容区域也能滑动的异常，html设置如下：

1
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />

viewport-fit=cover：这是用于适配 iPhone X 及以后机型的刘海屏的设置。viewport-fit=cover 指示浏览器网页内容应该完全覆盖设备的屏幕区域，包括刘海区域或圆角区域。这可用于确保布局利用了全部的可展示空间，不被设备的特殊屏幕特性（比如刘海或圆鱼）切断。