07月
07

safari下的那些坑

发表于 • 分类于

最近遇到的一些 safari 下的坑，多为样式问题

  • safari 下，input 圆角时会出现内阴影

解决方法:

1
2
3
input {
  -webkit-appearance: none;
}
  • safari 下，input 框光标和文字不垂直居中

解决方法

1
2
去掉height和line-height
使用font-size和padding撑起高度
  • safari, 微信支付回调时，会新开一个 tab，支付宝好像也是
1
避免使用sessionStorage来存储一些信息

  • safari Date 对象不支持 2019-1-1 这种格式的日期，new Date()))

  • safari fixed 定位天坑

  • safari 不支持 webp 格式的图片

分享到：