css怎么写才能让页面在屏幕放大缩小时不会走样

html-css017

css怎么写才能让页面在屏幕放大缩小时不会走样,第1张

父级的div的width:100%;height:固定值,如果设为position:relative的话,子级的div用position:absolute。如果你怕因为屏幕的大小而不好设置的宽高的话,建议你顶部导航和底部版权栏的盒子设为width:100%; 中间正文部分就用固定width,margin:0 auto居中,中间的div全部居中就不会因为屏幕尺寸影响太大,最多是比例的问题。

1、在网页中,CSS控制字体是最方便的!

2、 CSS使用“font-size”属性来控制字体大小。

3、 CSS中可以使用的单位:points, pixels等单位 。

最简单的 就是给你看下原理 你可以自己修改

<span style="font-size:16px" onclick="this.style.fontSize=(parseInt(this.style.fontSize.replace('px',''))+2)+'px'">单击放大文字</span>

顺便说明parseInt是把字符串变数字 replace是把取得的css属性里的px去掉 原css里字体大小使用font-size控制 在js里对这种中间有横杠的都需要把横杠去掉并把第二个单词的首字母大写