联系我们
我要留言
网站首页
小程序基础
前端样式教程
小程序CSS入门
小程序中CSS3
小程序中动画
样式选择器
Flex Box教程
通用教程
通用实战
小程序教程
前端JS教程
JSON教程
WXS教程
小程序组件
小程序API
微信Weui教程
实战教程
小程序框架
毕业设计
毕业设计
当前位置:
首页
>
小程序基础
站内搜索(标题)
站内搜索(正文)
站内搜索(来源)
站内搜索(作者)
淘宝网搜索
京东商城搜索
凡客搜索
麦包包搜索
当当网搜索
卓越网搜索
迅雷看看
百度搜索
Google搜索
小程序基础
视图层-wxss-尺寸单位
时间:2018/12/25 9:52:20 作者:互联网 来源:网络转载 查看:5616 评论:0
内容摘要:
尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理...
尺寸单位
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
iPhone6 Plus
1rpx = 0.552px
1px = 1.81rpx
建议:
开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。
注意:
在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。
标签:
微信小程序样式入门教程
wxss
rpx(responsive
pixel)
尺寸换算入门教程视频教程
上一篇:
视图层-wxss-样式导入
下一篇:
视图层-wxss-概念和新特性
相关文章
1-16
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::selection伪元素
1-16
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::first-line伪元素
1-16
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::first-letter伪元素
1-16
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::before伪元素 视频教程-伪元素选择器-::before伪元素
1-16
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪元素选择器-::after伪元素
1-16
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪类选择器-:only-of-type伪类
1-16
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪类选择器-only-child伪类
1-16
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪类选择器-:nth-of-type()伪类
1-14
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪类选择器-:nth-last-of-type()伪类
1-14
微信小程序界面设计-小程序中的WXSS(css)选择器在线视频教程-伪类选择器-:nth-last-child伪类
相关评论
评论者:
验证码:
点击获取验证码
本类更新
12-28
自定义组件-组件间关系-关联一类组件
12-28
自定义组件-组件间关系-定义和使用组件间关系
12-28
自定义组件-内置 behaviors
12-28
自定义组件-behaviors
12-28
自定义组件-组件生命周期-组件所在页面的生命周期
12-28
自定义组件-组件生命周期-定义生命周期方法
12-28
自定义组件-组件生命周期-组件的主要生命周期
12-28
自定义组件-触发事件
12-28
自定义组件-监听事件
12-28
自定义组件-组件间通信
本类推荐
12-20
微信小程序发布前需要准备哪些
12-20
微信小程序API入门介绍
12-20
微信小程序组件概述
12-20
微信小程序程序与页面组成有哪些?
12-20
微信小程序的启动
12-20
微信小程序JS教程交互逻辑功能介绍
12-20
微信小程序WXSS样式功能介绍
12-20
微信小程序WXML模板介绍教程
12-20
微信小程序 page.json 页面配置简介
12-20
微信小程序 project.config.json 工具配置文件
本类排行
12-20
如何开发你的第一个微信小程序?
12-20
微信小程序WXML模板介绍教程
12-20
微信小程序开发准备
12-20
微信小程序全局配置app.json 配置项列表
12-20
微信小程序全局配置示例
12-20
微信小程序页面配置教程配置示例配置表
12-20
微信小程序WXSS样式功能介绍
12-20
微信小程序全局配置pages教程
12-20
微信小程序app.json配置文件window说明教程
12-20
微信小程序tabBar配置教程
小白教程
|
计算机毕业设计作品网
|
小程序中文网
|
洪荒毕设网
|
毕业设计资料下载
|
联系我们
-
服务报价
-
关于我们
-
留言本
咨询QQ/微信:45157718
| 电话:13516821613 | 浙江杭州余杭区东港路118号雷恩科技创新园 | 网站支持:
杭州摇亿网络科技
|
浙ICP备06056032号-6
|