在火狐环境下，字体图标的不垂直居中，且字体的高度与大小不一致。在其他浏览器正常显示，在另一个项目也是正常，经过各种调试都未能成功，已删除当前所有自定义的样式，只保留了vue-cli工程化的代码，依然有问题，后谷歌看到设置html的lang后，显示正常
不正常的情况
正常的情况
设置html语言
<html lang="en">
使用 vue-cli搭建的代码
html文件默认为这样不设置语言
<html lang="">
当前设置的字体库如下
font-family: PingFangSC-Regular, PingFang SC, sans-serif, "Microsoft Yahei";
不设置语言时，火狐浏览器无法正确识别字体库应该用的格式，随后显示了默认的字体，导致与其他页面效果不一致。
遗留疑问是设置语言为zh-cn，也显示不了的不正确
问题 在火狐环境下，字体图标的不垂直居中，且字体的高度与大小不一致。在其他浏览器正常显示，在另一个项目也是正常，经...
解决兼容问题： 1 要想使input框垂直居中使用：vertical:middle; 2 用了PIE.htc后，I...
在css中居中效果可以分为：水平居中、垂直居中、水平垂直居中三种。最近小程序开发项目中也经常遇到居中效果设置问题，...
兼容问题 火狐 兼容火狐注册方式DOMMouseScroll，使用addEventListener 其他使用onm...
对于表头, 页面中添加css覆盖easyUI的css配置 对于表行, 在渲染时添加属性:水平居中 垂直居中: 举例...
水平居中和垂直居中可以说是在开发中经常遇到的问题，网上搜索水平居中和垂直居中的方法有很多，有的方法并不是很好，所以...
注意：目前不支持文本的垂直居中对齐 示例：文本垂直水平居中（文本的垂直居中使用padding替代设置） 重点解析：...
css页面布局水平垂直居中问题 居中问题
1、div中单行文字的垂直居中 在div中单行的文字需要垂直居中时，只需要对所在的div添加行高line-heig...
在前端开发过程中，我们不可避免的会遇到一些水平居中和垂直居中的问题，现就居中问题做以下总结。 a：水平居中 1，宽...
本文标题：[火狐兼容问题][字体库小图标不垂直居中问题][开发时注意添加
本文链接：https://www.haomeiwen.com/subject/cinntrtx.html
网友评论