CSS浏览器缩放后网页缩放

html-css06

CSS浏览器缩放后网页缩放,第1张

这种功能我实现过，现在忘了代码放哪里了，可以给你提供一点思路：

body里面套一个div，然后所有的内容全部放在div中，div里面的内容全部用百分比来控制大小，当浏览器的大小改变时（触发onresize事件），计算浏览器页面大小，然后再修改最外层div的大小。

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