css里如何设置字体大小随浏览器大小变化而变化?

html-css013

css里如何设置字体大小随浏览器大小变化而变化?,第1张

把字体设置为em,不要设置为PX。

设置方法:

将原来的px数值除以10,然后换上em作为单位

重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

em的特点:

em的值并不是固定的

em会继承父级元素的字体大小。

function $(id){

return document.getElementById(id)

}

function getWidth() {

alert($("ID").offsetWidth + "px")

}

window.onload = function() {

getWidth()

}

这样就可以获得id为"ID"的元素的宽度值了,这个值是像素值来的,即使你设置百分比,它也是返回一个像素值~

这时,就要用到javascript了

var count = document.body.clientWidth || document.body.offsetWidth/*获取浏览器显示的宽度,不带px(应该吧,不太记得了)*/

document.getElementById("要设置宽度的元素id").style.width = count + "px"

window.onsize = function()/*当浏览器大小改变时,元素宽度也会改变*/

{

    var count = document.body.clientWidth || document.body.offsetWidth

    document.getElementById("要设置宽度的元素id").style.width = count + "px"

}

嘛嘛嘛,如果有更好的方法,请来批判我,增长一下知识,谢谢。