css3用户调节字体大小 |css当鼠标移到图片变暗

/*使用em单位*/
body{
font-size: 16px;
}
p{
font-size: 1em;
}

在这个例子中，大家将根元素的字体大小设置为16px，而段落的字体大小设置为1em。因为1em等于根元素的字体大小，所以当用户调节根元素的字体大小时，段落的字体大小也会相应改变。

/*使用rem单位*/
html{
font-size: 16px;
}
p{
font-size: 1rem;
}

与使用em单位相似，这个例子使用了rem单位，这个单位是相对于根元素而言的。因此，当用户调节根元素的字体大小时，整个页面的字体大小都会相应地改变。

/*使用百分比*/
p{
font-size: 100%;
}

在这个例子中，大家使用了百分比来设置段落的字体大小。因为百分比是相对于父元素的，所以当用户调节父元素的字体大小时，段落的字体大小也会相应改变。

通过上述三种方法，大家可以让网页中的字体大小可以根据用户需求进行调节。这不仅可以提高用户体验，还可以让网页更加适用于不同的终端设备。