uni-app自适应遇到的坑

uni-app自适应遇到的坑

一、css中font不支持简写方式，这样的结果就是导致手机上运行项目，字体都变大了！把样式都挤变形了

如：font：bold 28rpx；

需改成如下非简写形式

font-size:28rpx;
font-weight:bold;

二、css的height高度问题
用了rpx单位，结果还是不会自使用屏幕大小！长的手机下面会有空白，短的手机不会

解决方法：height用calc的方式计算，连用%百分比的方式。不可写死20rpx；。还有就是如果没给元素设置高度，默认是没有高度的，靠字体大小撑开，此时设置100%就无效了。所以上面的每一级都得有高度，height：100%；

三、iphone x的坑

用了position: fixed，结果就这个机型出现遮盖问题。解决方案，尽量避免在移动端开发中使用position: fixed，而是更多使用更现代的布局方式和position: absolute来实现类似需求。