1.其实constant和env函数是ios为了解决自身安全距离问题而生的。

基本上使用：

padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);

就能解决ios底部安全距离问题

如果是在小程序中就不必增加新的视口元值

如果是在H5中就得新增视口元值，其中viewport-fit=cover，其中viewport有三个可选值:

auto:此值不影响初始布局视图端口，并且整个web页面都是可查看的。contain:视图端口按比例缩放，以适合显示内嵌的最大矩形。cover:视图端口被缩放以填充设备显示。强烈建议使用 safe area inset 变量，以确保重要内容不会出现在显示之外。

2.ios中input按钮去掉自带的渐变效果

解决：

input{	outline:0px; 	-webkit-appearance:none;}

或者

/* 背景颜色为透明渐变色？去除iOSbutton按钮渐变色*/			input[type=button],			input[type=submit],			input[type=file],			button {				cursor: pointer;				-webkit-appearance: none;			}

3.微信小程序中字体加粗

在小程序中font-weight:block；等不生效，虽然开发工具上是生效的，但是手机上显示依然还是没有加粗；

解决：

//安卓解决方案font-weight: 400;-webkit-text-stroke: 0.02em;//ios解决方案font-family: PingFang-Midum;