在Hybrid App开发过程中，html中默认的checkbox选项在手机屏幕上显得比较小，app不能像web page那样放大缩小，所以要通过CSS将checkbox选项放大：

例如HTML代码：

复选框

CSS放大checkbox方法一（仅IE）：

input[type=checkbox] {
     zoom: 200%;}

CSS放大checkbox方法二（CSS transform通用）：

input[type=checkbox] {
     -ms-transform: scale(2); /* IE */  -moz-transform: scale(2); /* FireFox */  -webkit-transform: scale(2); /* Safari and Chrome */  -o-transform: scale(2); /* Opera */}

两个方法都可以达到将checkbox放大的目的；

方法1很简单，利用zoom就是将整个控制项放大，不过有可能导致排版问题（因为zoom是IE浏览器中的东东，所以其他浏览器不支持）；

方法2比较常用，稍微复杂一点，但是不会导致排版问题。

CSS3 transform属性

W3school CSS3 transform教程：

完整CSS3教程：

transform 属性向元素应用 或 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

例如这个

旋转div元素

div{
   transform:rotate(7deg);-ms-transform:rotate(7deg);     /* IE 9 */-moz-transform:rotate(7deg);     /* Firefox */-webkit-transform:rotate(7deg); /* Safari 和 Chrome */-o-transform:rotate(7deg);     /* Opera */}