h5页面height设置100vh在safari浏览器显示问题

问题：
h5页面高度height设置为100vh，底部按钮设置bottom为8vh，在微信和其他浏览器显示正常，safari浏览器中按钮显示不全

产生原因：
safari浏览器中height包括网址栏、功能列、wrap，IOS15更新后网址栏还跑到了页面下方功能列之上，看着就不舒服：）当然设置中可以修改，可自行百度
其他浏览器height只包括wrap

safari为什么要这么设计呢，找到了篇文章，一大佬在GitHub中提的问题，其中一小哥调侃语气——

This is completely intentional. It took quite a bit of work on ourpart to achieve this effect.😃

人家特意设计的，害挺费劲的呢

解决1：
100vh改为100%

<template>
	<div class="container">
		<div class="btns"><img src=&#