用什么办法可以写css图标放大或者缩小不变形????急急!!!!

html-css020

用什么办法可以写css图标放大或者缩小不变形????急急!!!!,第1张

针对你的需求来看,用css3来操作我觉得不是很恰当。

目前能够良好的支持CSS3的浏览器全都对SVG支持良好,使用SVG构建矢量图图标是比较合适的,即使你需要兼容IE6,使用raphael.js也可以办到,目前这个js已经整合到最新的ext4.0.7.js中。

通常的html元素都不是矢量图,缩放可能带来问题,这个HTML元素都无法控制,CSS更是鞭长莫及了

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