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

html-css024

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

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

如果要让网页随着浏览窗口的变化而变化的话，就必须采用流体浮动布局，此时宽度要用百分号，浏览窗口的总宽度是100%。根据总宽度来定义你的div宽度吧！

这样网页就能缩放了。

需要使用CSS才可以做到，具体代码如下：

<style type="text/css">.

bgimage{

position:fixedz-index:-1//这两句时最重要的，前

//句使图片始终显示在当前页，后一句是使图片显示在最底层。

} .

bgimage img{heiht:100%width:100%}

</style>