免费体验
首页   >    行业动态   >    微信小程序开发的尺寸

微信小程序开发的尺寸

发布时间:2018-11-19 13:47:25 来源:www.ktcx.com.cn 浏览量:235

      微信小程序自2017年开发上线以来,如今已经在各行各业都如火如荼了,很多商家和企业都想拥有自己的一个小程序,但是如何制作一个小程序呢?微信小程序开发的尺寸问题怎么解决呢?

 

timg444.jpg


      首先,对微信小程序的尺寸单位rpx进行简单的介绍。rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。微信小程序也支持rem尺寸单位,rem和rpx的换算关系:rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx =37.5rpx;

   

      其次,是如何导入微信小程序的样式。使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。框架组件上支持使用 style、class 属性来控制组件的样式。


      style:静态的样式统一写到 class 中。style 接收动态的样式,在运行时会进行解析,请尽量避免将静态的样式写进 style 中,以免影响渲染速度。


      class:用于指定样式规则,其属性值是样式规则中类选择器名的集合,样式类名不需要带上,样式类名之间用空格分隔。


      最后,微信小程序的全局样式与局部样式。定义在 app.wxss 中的样式为全局样式,作用于每一个页面。在 page 的 wxss 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 app.wxss 中相同的选择器。

 

timg.jpg


      对于一个新鲜事物得诞生,特别是小程序坐拥9亿用户这样得一个应用肯定是备受关注得。而最关注得一点就是小程序以一种商业得形式出现。大家都是知道,在微信里开发出一款微信小程序无疑就是能获取微信种得9亿用户数量。以上就是对微信小程序rpx尺寸单位以及样式用法详解的详细内容,希望对大家开发微信小程序有所帮助。


相关动态

Copyright ©2017 开拓创想 京ICP备13050461号-5
现在填写联系方式,享受一对一咨询服务
电话咨询
400-101-6178
全国服务热线