区分手机样式

在开发H5页面的时候经常会区分ios以及Android的样式故使用如下方法即可实现

/* 适用于苹果手机 */
@supports (-webkit-touch-callout: none) {

  /* 在这里编写适用于苹果手机的CSS样式 */
  .title {
    font-weight: 500 !important;
  }
}

/* 适用于安卓手机 */
@supports not (-webkit-touch-callout: none) {
  /* 在这里编写适用于安卓手机的CSS样式 */
   .title {
    font-weight: 500 !important;
  }
}