uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。 vue页面支持普通H5单位,但在nvue里不支持: rem 默认根字体 ...
分类:
移动开发 时间:
2019-11-25 15:19:32
阅读次数:
1064
不需要在 wxml 中引入 wxss 文件 尺寸单位 1、rpx: 可以根据屏幕宽度进行自适应,规定屏幕宽为750rpx page px = 750 rpx px = 750 rpx / page 2、calc() 750 和 rpx 不能有空格 运算符的两边也不要留空格 样式导入 @import ...
分类:
其他好文 时间:
2019-11-17 20:40:38
阅读次数:
169
css中的单位很多,%、px、em、rem,以及比较新的vw、vh等。每个单位都有特定的用途,比如当需要设置一个矩形的宽高比为16:9,并且随屏幕宽度自适应时,除了用%,其他单位是很难做到的。所以不存在说某个单位是错误的,某个单位是最好的这种说法。 那本文说的页面适配,指的是同样的布局,在不同大小的 ...
分类:
其他好文 时间:
2019-11-16 23:13:05
阅读次数:
100
逻辑层获取屏幕宽高: //获取屏幕高度 this.setData({ height: wx.getSystemInfoSync().windowHeight, //屏幕高度 width:wx.getSystemInfoSync().windowWidth //屏幕宽度 }) 视图层使用: <view ...
分类:
微信 时间:
2019-11-09 23:50:23
阅读次数:
130
一、屏幕宽度 / 设计稿宽度 *100 来设置根元素的 font-size 10px = 0.10rem 二、 ...
分类:
其他好文 时间:
2019-10-22 00:53:33
阅读次数:
115
总体思路是这样的,因为iframe里页面的内容是动态加载的,而且电脑屏幕宽度发生变化时,也得相应的去改变iframe标签的高度(如果高度确定就不用这么麻烦了); 首先,我们在父页面中定义一个方法,用来改变iframe标签的高度;在iframe中的页面中,当内容加载号之后去调用父页面汇总的这个方法(因 ...
分类:
其他好文 时间:
2019-10-16 13:40:01
阅读次数:
109
一、vue ui 组件 1: vue 当前很火前端框架vue 针对PC用户 pc 端与移动端区别 (1)屏幕宽度:992px > (2)操作方式:鼠标 事件 手指:触碰操作 -饿了么:基于VUE框架开发移动端组件库 Mint-UI -MUI :开源团队 MUI http://dev.dcloud.n ...
分类:
其他好文 时间:
2019-10-10 22:29:01
阅读次数:
147
PC端************ 按屏幕宽度大小排序(主流的用橙色标明) 分辨率 比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸、12.1寸、14.1寸、15寸; ) 1280*800(16:10 |15.4寸) 1280*1024(比例:5:4 | ...
分类:
其他好文 时间:
2019-10-09 17:32:15
阅读次数:
91
Android 学习之路--android基础(三) | Talent?C 盒子 盒子 ... ...
分类:
移动开发 时间:
2019-10-07 19:43:26
阅读次数:
122
1.原理分析和效果图 先上效果图: 屏幕适配上使用rem适配,假设用户的手机屏幕最下宽度是375px,而谷歌浏览器最小的字体大小为12px,所以我以375px为标准尺寸进行rem适配,即375px的屏幕设置html标签字体大小为12px,随着屏幕宽度增大,1rem也随之增大 表盘使用的是圆角,使之展 ...
分类:
其他好文 时间:
2019-10-02 22:41:03
阅读次数:
128