<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

viewport 可以设置的选项就是 viewport-fit,它有三个可选值：

• contain: The viewport should fully contain the web content. 可视窗口完全包含网页内容

• cover: The web content should fully cover the viewport. 网页内容完全覆盖可视窗口

• auto: The default value, 同contain的作用

 

通过给页面设置viewport-fit=cover，可以将页面的布局区域延伸到页面顶部和底部。