用JS实现不同分辨率下自动调整字号
例如网页正文所在div的id为content——
<script>
window.onload=function()
s{
var sw=window.screen.width;
if(sw<1100)
{
document.getElementById("content").style.fontSize = "0.875em"
}
else if (sw<1500)
{
document.getElementById("content").style.fontSize = "1em"
}
else
{
document.getElementById("content").style.fontSize = "1.125em"
};
}
</script>
注:为保证各浏览器下文字均可缩放,字号单位使用em而不是px,一般来说,浏览器默认1em=16px,0.875em/1em/1.125em即为14/16/18px。
使用字号缩放时请注意:对该div内的标题等字号单位最好使用百分比,而不是固定字号,以便随正文同步缩放。