智能小程序样式语言——TYSS 语法参考

原创

于 2024-02-01 00:15:00 发布 · 879 阅读

CC 4.0 BY-SA版权

文章标签：

TYSS 是一套样式语言，用于描述 TYML 的组件样式、显示效果。

为适应广大前端开发者，TYSS 继承 CSS 特性，TYSS 和 CSS 规则完全一致，100% 可以用。同时为更适合开发小程序，对 CSS 进行了扩充，TYSS 增加了 rpx 自适应单位，便于实现对各尺寸屏幕适配开发。

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为 750rpx。如在 iPhone6 上，屏幕宽度为 375px，共有 750 个物理像素，则 750rpx = 375px = 750 物理像素，1rpx = 0.5px = 1 物理像素。

设备	rpx 换算 px (屏幕宽度/750)	px 换算 rpx (750/屏幕宽度)
iPhone5	1rpx = 0.42px	1px = 2.34rpx
iPhone6	1rpx = 0.5px	1px = 2rpx

200万优质内容无限畅学