SharePoint中部分区域字体变小的问题 (兼em px的关系)

我装好SharePoint后,发现有的地方字体特别小,根本看不清楚,比如通知查看和搜索的地方。
通过查找终于发现在SharePoint的core.css文件中,有一些样式是用em定义字体大小的,比如:
.ms-formlabel{
text-align:left;
font-family:宋体;
font-size:.75em;
border-top:1px solid #d8d8d8;
padding-top:3px;
padding-right:8px;
padding-bottom:6px;
color:#525252;
font-weight:bold;
}

那么这样的话就有可能在不同的机器上看到不同的效果,因为em的大小是会变化的。
引用网上的一篇文章说明em px的关系
情况是这样的,css里常用的两种定义字体大小的单位:em, px。 
em是一个相对数,比如1.1em就表示1.1个字符宽度,而这个字符宽度是根据font
-size来初始化大小的。同时em还有继承父对象的特性,所以在不同位置的1.2em并不一定相等,不过这篇文章和这个没关系就不细说了。  
px是对于当前显示设备的解析度而言,虽然对于不同设备仍然会有大小差别,但是相对来说更加适合用在定义字体上。  
  而这个模版我没有特别定义搜索部分的字体大小,于是它就使用了父对象的font
-size参数12px。而万恶的IE对字体的大小定义竟然和FF/Opera是不同的,默认情况下1em在IE下看起来要比其他浏览器大,所以需要在body部分加入以下定义: 

font
-size:62.5%
font
-family:'Lucida Grande', Verdana, Arial, Sans-Serif;

关键是第一句,它使得IE下的字体大小看起来是:1em
=10px,这样就和FF/Opera差不多了。 

知道问题之后,我只要在ie中把字体设成 "中" 就一切正常了
posted @   永春  阅读(1404)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示