提交 f3613f0f 编写于 作者: W wanganxp

长度说明

上级 2a7cf8c6
...@@ -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.
先完成此消息的编辑!
想要评论请 注册