设置字体大小像素实例
导读：设置字体大小像素 设置文字的大小与像素，让您完全控制文字大小： 实例 h1{font-size:40px;} h2{font-size:30px;} p{font-size:14px;} 上面的例子可以在...
设置字体大小像素
设置文字的大小与像素，让您完全控制文字大小：
实例
h1{
font-size:40px;
}
h2{
font-size:30px;
}
p{
font-size:14px;
}
上面的例子可以在InternetExplorer9,Firefox,Chrome,Opera,和Safari中通过缩放浏览器调整文本大小。
虽然可以通过浏览器的缩放工具调整文本大小，但是，这种调整是整个页面，而不仅仅是文本
用em来设置字体大小
为了避免InternetExplorer中无法调整文本的问题，许多开发者使用em单位代替像素。
em的尺寸单位由W3C建议。
1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
因此，1em的默认大小是16px。可以通过下面这个公式将像素转换为em：px/16=em
实例
h1{
font-size:2.5em;
}
/*40px/16=2.5em*/
h2{
font-size:1.875em;
}
/*30px/16=1.875em*/
p{
font-size:0.875em;
}
/*14px/16=0.875em*/在上面的例子，em的文字大小是与前面的例子中像素一样。不过，如果使用em单位，则可以在所有浏览器中调整文本大小。
不幸的是，仍然是IE浏览器的问题。调整文本的大小时，会比正常的尺寸更大或更小。
使用百分比和EM组合
在所有浏览器的解决方案中，设置元素的默认字体大小的是百分比：
实例
body{
font-size:100%;
}
h1{
font-size:2.5em;
}
h2{
font-size:1.875em;
}
p{
font-size:0.875em;
}
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 设置字体大小像素实例
本文地址： https://pptw.com/jishu/664077.html