微信小程序开发教程之WXSS样式详解-咕嘟网络科技

发布时间:2025-07-01 10:15:53 阅读:2021 作者:咕嘟网络 栏目:小程序开发

咕嘟网络科技在之前的文章跟大家分享过微信小程序开发教程,包括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)开发等互联网+领域。

 

小程序开发

微信点餐系统: /article_278.html

微信小程序申请: /article_298.html


免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:351074791@qq.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

栏目分类:

相关标签

桶装水小程序模板多少钱 桶装水小程序价格 桶装水小程序 桶装水小程序模板 小程序开发 小程序开发资讯 微信小程序 微信小程序资讯 如何创建微信小程序商城 商城小程序开发 微信小程序商城 商城小程序 售楼处报备微信系统 微信售楼小程序 售楼处报备系统 售楼小程序 vr看房怎么实现 vr看房小程序源码 vr看房小程序 桶装水送货上门小程序 微信订水小程序 桶装水送货小程序 订水小程序 桶装水小程序源码-水店宝订单管理商城系统 商城小程序制作哪家好 咕嘟网络 商城小程序制作 电商小程序开发报价 电商小程序开发价格 电商小程序开发 商城小程序搭建模板哪家好用 商城小程序搭建模板 商城小程序搭建 SaaS系统 企业微信 企业微信开发公司 小程序商城系统开发大概多少钱 小程序商城系统开发 小程序商城系统 小程序商城 培训网站建设公司哪家好 培训网站建设公司 培训网站建设 网站建设 网站建设资讯 企业官网建设 社区团购小程序系统开发 哪家公司好 社区团购小程序系统 社区团购小程序 同城小程序 定制化开发 小程序开发公司 惠州小程序模板多少钱 惠州小程序模板价格 惠州小程序模板 网站 重庆小程序开发公司概况 咕嘟网络科技 重庆小程序开发公司 重庆知名小程序开发公司有哪些 重庆小程序开发 物联网小程序开发找谁好 物联网小程序开发 物联网小程序 做个购物小程序多少钱 购物小程序开发 购物小程序 重庆小程序开发公司哪家专业

Hi,Are you ready?

准备好开始了吗?

那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解 您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然 也欢迎您给我们写信或是打电话,让我们听到你的声音!

重庆咕嘟网络科技有限公司—靠谱的互联网技术伙伴

地址:重庆市江北区北城路76号北滨太阳城3幢26-3

业务热线:18723346084

售后服务:18723346084

E-mail:351074791@qq.com

合作意向表
您需要什么服务?
您的预算 /*准确的预算有助于我们为您提供合适的方案
关闭需求表单按钮
索要报价
24小时电话:18723346084
微信咨询
微信咨询二维码

微信扫码加微信

返回顶部