有的时候我们自己设置一些选项按钮，让用户切换选择对应选项，有的会发现切换这个对应的按钮会发现“抖动一下”。
之所以抖动的原因就是，切换“选择”和“未选择”的两种样式，文字图片位置大小不一致导致会给人一种抖一下的感觉，而不是我们设想的就是换个背景换个文案之类的那种感觉，显得不够平滑自然。
（1）节点位置样式引起的
这个很好弄就是两者用差不多一样的CSS样式，保证位置不会因为在切换导致变化。还有一点就是要注意加载图片，或者选择一些适应的东西，比如说小程序里面图片的mode，每次切换一下会计算一下适应的方位，这种计算的也会导致会抖一下，因为会出现这种“抖动”。
（2）boder-box引起的
我本人很喜欢boder-box这个属性，因为他可以避免很多兼容性的问题，就是那种一个手机一个样的尴尬情况。
他主要的作用就是让这个div或者view的boder边框和padding的距离向里面扩展。使这个div不会拉伸所在的父节点。
但是也会遇到问题，就是我遇到一个“抖动“问题，就是由于状态切换的两个css样式都是设置的boder-box，但是一个有边框一个没有。切换的时候就会出现“抖动”，因为boder会向里面“挤”，还是那种东南西北都往里挤你设置的边框宽度的距离。
想了一下各种方案都不满意，人家直接来了一句，你设置一个透明的边框给之前那个没有边框的样式就好了。可以的，完美解决，前端一些问题真的需要变通，要放开思路。