前军教程网

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;