使用wxss为响应式开发带来的一些模式和思维上的改变

原创 wangji5850 译文 css小院 386阅读 2017-06-15 11:44:59 举报

使用wxss为响应式开发带来的一些模式和思维上的改变。
[quote]WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。

WXSS 用来决定 WXML 的组件应该怎么显示。

为了适应广大的前端开发者,我们的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序,我们对 CSS 进行了扩充以及修改。

与 CSS 相比我们扩展的特性有:[/quote]
rem的重定义

前端工程师对rem非常熟悉,rem是以html元素的font-size为基准的尺寸计量单位。rem方便了开发者对响应式UI的尺寸进行统筹管理。

wxss中的rem与css中的rem的含义完全不同,下面是微信官方文档中对rem的定义:

rem(root em): 规定屏幕宽度为20rem;1rem = (750/20)rpx

其中的750这个数值是wxss将设备屏幕的宽统一定义为750rpx,对此,下文会讲解。
请点击效果预览查看

html 代码

本文摘录自链接

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复