postcss pxtorem是一款将px转换成rem格式的方式,本质上是以html标签的fontsize值为基准,动态改变元素的各种计量单位 1. 安装 2. 导入 3. 配置 网上看到在安装后vue项目根目录下会自动生成一个postcss.config.js的配置文件, 但是笔者在安装导入pos ...
分类:
Web程序 时间:
2020-04-19 11:05:11
阅读次数:
152
css的变化 标准的css基本都是支持的。 选择器有2个变化:*选择器不支持;元素选择器里没有body,改为了page。微信小程序即是如此。 复制代码page{ } 单位方面,px无法动态适应不同宽度的屏幕,rem只能用于h5。如果想使用根据屏幕宽度自适应的单位,推荐使用rpx,全端支持。 尺寸单位 ...
分类:
微信 时间:
2020-04-17 20:14:50
阅读次数:
283
尺寸单位 uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。 vue页面支持普通H5单位,但在nvue里不支持: rem ...
分类:
微信 时间:
2020-04-17 20:00:14
阅读次数:
386
思路: 用百度地图提供的API画出矩形,根据画出的矩形得到矩形的对角线。移动对角线,再根据移动后的对角线计算得到新的矩形。 引用vue-baidu-map <template> <div> <div :style="{height: tableHeight + 'px'}"> <baidu-map ...
分类:
移动开发 时间:
2020-04-13 10:41:38
阅读次数:
267
下面说的这三种宽,都是基于元素被加入到DOW渲染树后,也就是被添加到页面中以后,才可以获取。并且图片这类后加载元素无法获取宽。 clientWidth 客户宽 offsetWidth 偏移宽 scrollWidth 滚动宽 直接获取样式的宽度得到的是样式值,带有px单位。 通过 div.client ...
分类:
Web程序 时间:
2020-04-06 20:41:20
阅读次数:
110
基于 vue cli3 创建一个移动端项目 安装 postcss 相关插件 由于 vue cli 已经内置了 postcss,只需要安装相关插件,就可以实现 自适应布局。 下面简单的说一下这几个插件的作用。 用来把px单位转换为vw、vh、vmin或者vmax这样的视窗单位,也是vw适配方案的核心插 ...
分类:
移动开发 时间:
2020-04-06 11:35:30
阅读次数:
131
通过CSS的滤镜来控制页面的显示 滤镜效果 将图像转换为灰度图像 Filter 函数 注意: 滤镜通常使用百分比 (如:75%), 当然也可以使用小数来表示 (如:0.75)。 | Filter | 描述 | | : | : | | none | 默认值,没有效果。 | | blur( px ) | ...
分类:
Web程序 时间:
2020-04-05 20:45:55
阅读次数:
103
单位 布局用这个, 与 换算公式 用于字体大小的单位 颜色一般使用16进制定义好常量存在资源文件里面 字符串也是不建议 ,也需要定义常量 "Android上dip、dp、px、sp等单位说明" 配置文件常用的几个标签?? 1. manifest package 声明包名; xmlns 命名空间的声明 ...
分类:
移动开发 时间:
2020-04-05 18:27:52
阅读次数:
102
小程序 的 px 转化为rpx 在 获取 屏幕高度 后 ,这个单位是px ,可是我的项目是用rpx,所以这里就涉及一个转化的公式了 1rpx = 750 / 设备屏幕宽度 所以 wx.getSystemInfo({ success:function (res) { console.log(res.w ...
分类:
其他好文 时间:
2020-04-04 22:37:26
阅读次数:
140
博主:www 原文地址: https://www.cnblogs.com/wangjian8888/p/6092158.html。 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 ...
分类:
Web程序 时间:
2020-04-04 20:42:12
阅读次数:
92