借鉴自:https://blog.csdn.net/u010623947/article/details/68556719
在谷歌浏览器:
可以直接设置:width:xxx;heigth:xxx;
火狐浏览器:
-moz-transform:scale(3); 放大三倍
input[type=checkbox]{
-moz-transform:scale(3); 火狐浏览器
-ms-transform:scale(3); IE浏览器
-webkit-transform:scale(3); chrome和safair
-o-transform:scale(3); 欧朋浏览器
}
还有一种方法(但是不兼容火狐):
zoom接受三个参数:normal,number, percentage。normal:实际的尺寸。number:用数值表示元素的缩放大小,不能用负值。percentage:用百分比表示元素的缩放大小。
<input type="checkbox" style="zoom:3"/>
如上这是即可将元素放大三倍,但火狐浏览器不支持zoom属性,所以在火狐浏览器下并不生效。即该方法不支持Gecko内核。
网友评论