未验证 提交 0506c2ec 编写于 作者: L LiAn 提交者: Gitee

update zh-cn/application-dev/ui/js-framework-syntax-css.md.

Signed-off-by: NLiAn <lian15@huawei.com>
上级 dc326370
...@@ -4,11 +4,12 @@ CSS是描述HML页面结构的样式语言。所有组件均存在系统默认 ...@@ -4,11 +4,12 @@ CSS是描述HML页面结构的样式语言。所有组件均存在系统默认
## 尺寸单位 ## 尺寸单位
1. 逻辑像素px(文档中以&lt;length&gt;表示): - 逻辑像素px(文档中以&lt;length&gt;表示):
1. 默认屏幕具有的逻辑宽度为720px(配置见[配置文件](js-framework-js-tag.md)中的window小节),实际显示时会将页面布局缩放至屏幕实际宽度,如100px在实际宽度为1440物理像素的屏幕上,实际渲染为200物理像素(从720px向1440物理像素,所有尺寸放大2倍)。
2. 额外配置autoDesignWidth为true时(配置见[配置文件](js-framework-js-tag.md)中的window小节),逻辑像素px将按照屏幕密度进行缩放,如100px在屏幕密度为3的设备上,实际渲染为300物理像素。应用需要适配多种设备时,建议采用此方法。
2. 百分比(文档中以&lt;percentage&gt;表示):表示该组件占父组件尺寸的百分比,如组件的width设置为50%,代表其宽度为父组件的50%。 - 默认屏幕具有的逻辑宽度为720px(配置见[配置文件](js-framework-js-tag.md)中的window小节),实际显示时会将页面布局缩放至屏幕实际宽度,如100px在实际宽度为1440物理像素的屏幕上,实际渲染为200物理像素(从720px向1440物理像素,所有尺寸放大2倍)。
- 额外配置autoDesignWidth为true时(配置见[配置文件](js-framework-js-tag.md)中的window小节),逻辑像素px将按照屏幕密度进行缩放,如100px在屏幕密度为3的设备上,实际渲染为300物理像素。应用需要适配多种设备时,建议采用此方法。
- 百分比(文档中以&lt;percentage&gt;表示):表示该组件占父组件尺寸的百分比,如组件的width设置为50%,代表其宽度为父组件的50%。
## 样式导入 ## 样式导入
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册