尘凡科技-网站建设与网络营销服务商

高端品牌建站[ 服务·品牌·影响力 ]我们赋予网站更多的价值!

全国服务热线:400-639-3118

微信小程序开发教程之WXSS样式详解

 

尘凡科技科技在之前的文章跟大家分享过微信小程序开发教程,包括JSON配置、WXML模板等,今天跟大家分享一下微信小程序开发WXSS样式详解。 WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。WXSS具有CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。 1、新增了尺寸单位。在写 CSS 样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ,开发者可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差。 rpx(responsive pixel) 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。微信小程序开发时设计师可以用 iPhone6 作为视觉稿的标准。   2、提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同,你可以写一个 app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 仅对当前页面生效。   3、此外 WXSS 仅支持部分 CSS 选择器   尘凡科技科技——靠谱的技术伙伴,为企业提供一站式技术服务。主要业务范围有APP开发、小程序开发、微信开发、电商系统开发、物联网(IOT)开发等互联网+领域。   小程序开发 微信点餐系统/article278.html 微信小程序申请/article298.html

服务项目推荐

网站建设通过搜索引擎优化技术,提供更多的展示和推广机会,带来大量精准流量和询盘,每月意向客户增长20%。
手机网站建设手机网站的时代强势来袭,赢在全网营销时代,手机+电脑双剑合璧,把握商机滴水不漏。
微信营销集成微网站,微支付,微活动多种系统模块,通过微信公众平台迅速将您的产品和服务展现推广给海量移动端客户。
整合营销关键词2-48小时实现快速排名,覆盖6大主流搜索引擎,不让同搜索习惯的潜在客户都能找到您!

网站案例

填写您的服务需求获取项目报价

*请认真填写您的需求,我们将在24小时之内与您取得联系

7x24服务咨询
咨询电话:400-639-3118
网站安全防护
网站防攻击、植码、跳转
免费售后维护
网站免费维护服务
一对一项目管理
制作流程无缝对接
×