牵风纸鸢的博客

最近在做一个抽奖页面开发，应用了一些CSS3动画。发现 IPHONE8 下的微信浏览器下动画过程出现卡顿、掉帧现象。而将页面在 Safari中打开，却很流畅。在安卓手机中也运行流畅。后面找了另外一部 IPHONE SE 发现运行也很流畅。这就没道理了， IPHONE SE性能比 IPHONE8更低。后面将 IPHONE8的微信完全推出，重新进入打开后正常了。动画真是丝丝顺滑。可...

通过在对象内增加一个元素（例如 span），将其字体设置 N倍大小，然后再通过scale 设置缩小N倍（将缩放中点设置为左边）。这样严格来讲，文字其实还是没有剧中的。但是误差缩小为原来的 1/N了，肉眼基本看不出来了。代码示例： /*解决按钮垂直问题*/ button span{ float:left; font-size:calc(3.5vw*5); transform:s...