css div 长宽 样式用百分百好点 还是rem 或者px 或者em

html-css013

css div 长宽 样式用百分百好点 还是rem 或者px 或者em,第1张

这当然要根据你的目的而定：

百分比可以让div的长宽根据浏览器窗体的尺寸变化而自动变化，始终与窗体（或父元素）的尺寸保持一定的比例；

px则是让div的长宽保持固定的值（像素），不管窗体或父元素如何变化尺寸，都保持固定的大小；

em和rem则是根据字体的大小来设定div的长宽，1em等于当前元素的字体的宽度（具体来说是英文大写字母M的宽度），1rem则等于网页根元素的字体宽度。也就是说如果改变了当前元素（em）或根元素（rem）的字体大小，div的尺寸也会跟着改变。

最好的办法是修改图片相关的js代码，当然你也可以用CSS中的!important属性来为新定义的尺寸加权，使其覆盖js定义的尺寸。示例代码：

.imgStyle {width:100px !important height:80px !important}

其原理是加了!important的属性拥有最高的权限，这时js定义的类似style="width:200pxheight:180px" 就自动被覆盖掉了。但这是一种不优雅的方法，尽量少用。