近期在写小程序 移动端遇到一些小知识点 随笔记录一下
1. ui给的设计图一般是750px的 在设计图中有些字体部分会写 字重:Regular 之类的,这里的字重指的就是字体粗细,也就是font-weight,取值范围是100-900,常用对应值如下:
font-wetght:400; ---- 字重normal regular 等同于400
font-weight:700; ---- 字重bold 等同于700
font-wetght:500; ---- 字重Medium 等同于500
2. npm install -s 与 npm install -d 的区别 -- 点此链接查看不同
3. 移动端页面底部安全距离样式设置
底部安全距离代码块 env(safe-area-inset-bottom)
如果底部还有按钮之类的样式元素,按照设计图还需要计算 代码如下:
padding: 13rpx 24rpx calc(~"13rpx + env(safe-area-inset-bottom)");
设置一下类似按钮元素的上下左右距离 下需要计算 就要使用calc(), 防止被读取并进行计算
先这样!