字体造成的垂直居中问题

[Lenny-Hu]

移动端文字无法垂直居中（或line-height不起作用）的问题的解决方案

q1：安卓端微信浏览器（QQ浏览器内核）文字无法居中。

// 设置html lang
lang="zh-cmn-Hans"

// 尝试为无法居中的元素设置字体为
font-family: -apple-system-font, sans-serif;

更多参考 https://blog.csdn.net/weixin_34150224/article/details/89069240

[Lenny-Hu]

IE无法垂直居中

q1: 无论怎么设置IE无法垂直居中

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html,
  body {
    font-family: "宋体", 'Microsoft YaHei', Arial, sans-serif !important;  // 使用宋体能解决上下对齐问题
  }
}