Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
f3613f0f
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
f3613f0f
编写于
1月 28, 2024
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
长度说明
上级
2a7cf8c6
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
5 addition
and
4 deletion
+5
-4
docs/css/README.md
docs/css/README.md
+5
-4
未找到文件。
docs/css/README.md
浏览文件 @
f3613f0f
...
@@ -277,14 +277,15 @@ rpx是一个以设备750px为基准的单位,750rpx即为屏幕宽度,375rpx
...
@@ -277,14 +277,15 @@ rpx是一个以设备750px为基准的单位,750rpx即为屏幕宽度,375rpx
-
长度默认值差异
-
长度默认值差异
*
App平台长度
`<length>`
可以不设置单位,不设置单位时当做 px 处理
*
App平台长度
`<length>`
可以不设置单位,不设置单位时当做 px 处理
*
Web平台长度
`<length>`
必须设置单位,不设置单位时当做无效值处理
*
Web平台长度
`<length>`
必须设置单位,不设置单位时当做无效值处理
实际项目中为了更好的在各端兼容,推荐使用长度
`<length>`
时指定明确单位
App平台允许设置纯数字是为了性能考虑,在需要频繁更改长度时,使用纯数字会被"数字+px"稍微快一点。
\
日常开发为了更好的跨端兼容,还是推荐给长度
`<length>`
指定明确单位。
-
单位精度
问题
-
单位精度
差异
px、rpx属于逻辑像素,在不同dpi的设备上,需要转换为物理像素。当产生浮点数时,由于精度保留策略的不同,在不同浏览器和手机OS,可能造成细微的误差。
px、rpx属于逻辑像素,在不同dpi的设备上,需要转换为物理像素。当产生浮点数时,由于精度保留策略的不同,在不同浏览器和手机OS,可能造成细微的误差。
尤其是浏览器对于小数点的px兼容不够好,比如0.5px很难正常显示。
尤其是浏览器对于小数点的px兼容不够好,比如0.5px很难正常显示。
但app可以正常显示。
rpx和百分比,比px更容易产生浮点数,所以如果px能满足需求,尽量不用rpx和百分比。
另外
rpx和百分比,比px更容易产生浮点数,所以如果px能满足需求,尽量不用rpx和百分比。
## 颜色 @color
## 颜色 @color
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录