近期遇到的问题知识

186 阅读1分钟

近期在写小程序 移动端遇到一些小知识点 随笔记录一下

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(), 防止被读取并进行计算

先这样!