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的关系
None.gif 情况是这样的,css里常用的两种定义字体大小的单位:em, px。 
None.gifem是一个相对数,比如1.1em就表示1.1个字符宽度,而这个字符宽度是根据font
- size来初始化大小的。同时em还有继承父对象的特性,所以在不同位置的1.2em并不一定相等,不过这篇文章和这个没关系就不细说了。  
None.gifpx是对于当前显示设备的解析度而言,虽然对于不同设备仍然会有大小差别,但是相对来说更加适合用在定义字体上。  
None.gif  而这个模版我没有特别定义搜索部分的字体大小,于是它就使用了父对象的font
- size参数12px。而万恶的IE对字体的大小定义竟然和FF / Opera是不同的,默认情况下1em在IE下看起来要比其他浏览器大,所以需要在body部分加入以下定义: 
None.gif
None.giffont
- size: 62.5 %
None.giffont
- family: ' Lucida Grande ' , Verdana, Arial, Sans - Serif;
None.gif
None.gif关键是第一句,它使得IE下的字体大小看起来是:1em
= 10px,这样就和FF / Opera差不多了。 
None.gif

知道问题之后,我只要在ie中把字体设成 "中" 就一切正常了



    本文转自永春博客园博客,原文链接:http://www.cnblogs.com/firstyi/archive/2007/02/14/650350.html,如需转载请自行联系原作者


相关文章
|
16天前
【奇技淫巧】实现flex布局中,单独某个元素挪到右侧、底部,与其他元素排列不同,就像是个另类。(主要是用到margin-left和align-self)
【奇技淫巧】实现flex布局中,单独某个元素挪到右侧、底部,与其他元素排列不同,就像是个另类。(主要是用到margin-left和align-self)
|
4月前
|
编解码 前端开发
前端知识笔记(十九)———px,em,rem,vw,vh之间的区别
前端知识笔记(十九)———px,em,rem,vw,vh之间的区别
61 0
|
6月前
|
Web App开发 编解码 前端开发
|
9月前
|
前端开发 容器
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
300 1
OFFICE技术讲座:边框相邻时的处理
OFFICE技术讲座:边框相邻时的处理
45 0
OFFICE技术讲座:边框相邻时的处理
OFFICE技术讲座:边框的3D与方框的区别
OFFICE技术讲座:边框的3D与方框的区别
46 0
OFFICE技术讲座:边框的3D与方框的区别
OFFICE技术讲座:段落的行是如何布局不同对齐方式的
OFFICE技术讲座:段落的行是如何布局不同对齐方式的
69 0
OFFICE技术讲座:段落的行是如何布局不同对齐方式的
|
前端开发
一个元素纯CSS实现开关按钮【介绍box-shadow、单边或多重阴影、appearance属性】
借助checkbox表单元素、:checked伪类、::before/::after伪元素,就可以只需一个input[type="checkbox"]元素,通过纯CSS实现Switch开关效果的按钮.
374 0
一个元素纯CSS实现开关按钮【介绍box-shadow、单边或多重阴影、appearance属性】
|
编解码 前端开发 UED
每日一学—设置页面文字大小随屏幕大小变化而变化(rem布局)
每日学一点加强技术水平,夯实基础。 阅读这篇文章,一起学习rem布局吧。
280 0
每日一学—设置页面文字大小随屏幕大小变化而变化(rem布局)
|
前端开发
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
138 0
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】

热门文章

最新文章