微信小程序样式box-sizing用法
方法/步骤
1、打开开发者工具，在项目的pages文件夹下新建mypage文件夹，在文件夹内新建page，名为mypage，并在app.json中将mypage设为第一页面。
2、在mypage.wxml中编写代码如下；<view>content</view>
3、在mypage.wxss样式文件，添加代码如下；view{width:200rpx;height:200rpx;margin:10rpx;padding:20rpx;}
4、保存代码，在模拟器查看效果，这是典型的盒模型的样子
5、改写mypage.wxss代码如下：view{width:200rpx;heigh隋茚粟胫t:200rpx;margin:10rpx;pad颊俄岿髭ding:20rpx;box-sizing:border-box;}
6、保存代码，在模拟器查看view的盒子变小了，这是因为box-sizing设置的属性是border-box，这会将border和padding算到width之内
7、在网页设计中除了默认方式和上面的border-box，还有一种将padding算到嘛术铹砾width的方式，但是在小程序中好像只有border-box和瘫问钾酗默认的content-box，就是说即使设计成padding-box，依然是content-box默认方式显示
