小程序开发中遇到的一些问题

最近学习了下小程序开发, 做了一个实时公交查询的小程序,期间遇到的一些问题,记录下来。

1、垂直、水平居中

    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

之前一直用指定height和line-height为相同高度的方式垂直居中,在不指定高度的时候,可以上面这样

2、关于rpx
一开始没有仔细的看官方文档,在iPhone8上1px=2rpx,就天真的以为在iPhone8 Plus上就是1px=3rpx,结果导致一个组件的显示有问题,而且是很久之后在同事的手机上发现😂。后来有看了下文档,发现是通过屏幕宽度来换算的,而不是pixelRatio。
比如8 Plus就是750rpx=414px,1px=750/414rpx=1.81rpx
附官方WXSS介绍地址

rpx

欢迎大家试用,提意见


实时公交
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 10,254评论 0 7
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,078评论 1 45
  • 好像自从工作以来就没有特别喜欢做的事情了,当然,除了工作。内心深处依然还深埋着曾经的那些梦想,不过已经渐行渐远了,...
    烟波江上屎人愁阅读 1,144评论 0 0
  • 今天刚回家,一顺同学就站在我的面前笑嘻嘻,让我仔细观察,我愣了一下,摸不着头脑。浑身上下反复看了几次,跟平...
    一帆风顺平平安安阅读 921评论 0 0