之前做的加速器的项目，今天发现有个机型（三星S10）样式错乱，其他测试机无法复现这个问题。
开始排查：三星S10用自带浏览器、QQ、UC、搜狗浏览器都看了，是没问题，只有在客户端上访问这个页面有问题，在同事的帮助下解决了，记录一下
原代码如下：
由于某些机型的长款比例和我卡片的比例不一致，导致卡片在某些机型显示的高度更高一些。所以不要用百分比！！！用宽高固定的值。用margin：0 atuo居中,不要写四个margin值，麻烦还容易出问题！
先改掉了百分比，换成了固定的宽高，发现样式对了一部分，但还是有问题，如下图:(只看上面那个卡片就行，下面卡片没改)
说明改成固定宽高的思路是对的。但是margin我写了四个值，改成左右居中之后，样式就完全对了
最后修改后的代码如下:
对了，还删除了font_size.js中的下图
总结：
1，慎用百分比！！！像有图片背景这种要求一定宽高比的就不用百分比！！！
2，竖直margin都可以用，水平margin auto就是居中，不要再写四个margin值！！！