微信小程序-修改单选框和复选框大小的方法

方法有两种：

一：采用css的zoom属性

zoom缩放会将元素保持在左上角，并且会有毛边，可能会稍稍改变元素原来的形状。

二：采用css3的transform:scale属性

zoom缩放会将元素保持在中间，不会改变元素原来的形状，但是可能会有稍稍的模糊。

整体来说zoom属性与transform:scale属性主要存在如下几点差异做顷

1、zoom的缩放是相对于左上角的；而scale默认是居中缩放；

2、zoom的缩放改变了元素占据的空间大小；而scale的缩放占据的原始尺寸不变，页面布局不会发生变化；

3、zoom和scale对元素的渲染计算方法可能有差异（需要自己动手，用高清图，仔细去看其中的区别）。

4、对文纯型陆字的缩放规则不一致。zoom缩放依然受限于最小12像素中文大小限制；而scale就是纯粹的对图形进行比例控制，文字50%原来尺寸。

最后Anne在这里建议大家如果需要在小程租和序开发中修改单选框和复选框大小最好采用transform:scale属性，因为采用css的zoom属性时，形状被改变的有些明显，体验很不好。

1、首先打开微信开发者工具，新建一个小程序。

2、page目录下新建一个test目录和相关页面文件。打开app.json文件，将test页面路径放置到index前面。

3、单个view居中：点击打开test.wxml页面代码，肆族输入图中的代码内容。给view设置一个class。

4、点穗困击打开test.wxss文件，这里设猜雹念置元素样式。输入下面图中的样式代码，可以实现view中文字内容居中。

5、最后打开test.wxss文件，设置viewin的样式代码，如图中所示。实现内部的view相对于外层的view居中显示。

以在OPPO手机A5安卓8.1系统以及微信8.0.15上 *** 作金山文档小程序为例，欲使得文字居中可以在该文缺碧档中选择需要的文字并点击居中排列按钮即可。具体的 *** 作方法如下：

1、点击微信的小程序按钮进入。

2、进入到小程序界面以后点击金山文档进入。

3、页面跳转以后进入到金山文档小程序，点击需要的文件进入。

4、在出现的文档中长按需要的文字将其选中。

5、选中该文字以后点击左下角的横线。伏明举

6、在出现的选项中选择居中按钮。

7、此时即可看到在该小程序中将需要的文槐滑字居中对齐了。

---