长度单位主要有以下几种em ex ch rem vw vh vm cm mm in pt pc px %，大概可以分为几种“绝对单位”和“相对单位”和“百分比单位”。 绝对单位：px in cm mm 相对单位：em rem pt pc ex ch 百分比单位：vw vh vm % 下面主要说几个常 ...
分类：
Web程序 时间：
2018-06-24 23:41:27
阅读次数：
215
vw是相对屏幕宽度的百分比，vh是相对屏幕高度的百分比，还有vmin和vmax就是以宽或者高中小的或者大的为基准的百分比，现在的项目中用的都是vw，因为高度是根据内容的多少而不固定的。 ...
分类：
其他好文 时间：
2018-06-08 00:43:03
阅读次数：
144
vw是相对于不同屏幕大小的自适应的布局单位： 1vw相当于整个屏幕宽度的100分之1，如果给最外层div设置宽度为100vw，无论屏幕变大变小，1vw始终代表当前屏幕宽度的100/1； 因此vw在实际运用中： 对于宽度来说：设计图中当前元素宽度的px值 除以 设计图的宽度值，再乘以100后，加上vw ...
分类：
其他好文 时间：
2018-06-06 15:42:03
阅读次数：
147
地址：https://www.w3cplus.com/mobile/vw-layout-in-vue.html ...
分类：
移动开发 时间：
2018-06-03 17:31:47
阅读次数：
313
1，vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。 视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括 ...
分类：
Web程序 时间：
2018-06-01 00:13:39
阅读次数：
292
vw,vh都是相对于屏幕视口的单位。 vw:相对于视口的宽度。视口被均分为100单位的vw； vh:相对于视口的高度。视口被均分为100单位的vh； vmax:相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax； vmin:相对于视口的宽度或高度中较小的那个。其中最小的那 ...
分类：
移动开发 时间：
2018-05-19 13:07:46
阅读次数：
209
一、前言 我们h5项目适配采用的是淘宝那套《Flexible实现手淘H5页面的终端适配》方案。主要原理是rem布局。最近和别人响应式实现原理，发现虽然已经使用了那套方案很久，但是自己对rem的理解很含糊， 包括vw、vh等。所以打算写博客总结一下，以加深理解。 二、几个概念 这里就不讲那些，物理像素 ...
分类：
其他好文 时间：
2018-05-19 12:00:21
阅读次数：
1884
1.项目根目录下，创建 .postcssrc.js 文件。 2.安装插件。 -D （开发依赖） postcss-import postcss-url cssnano-preset-advanced -S （开发、运行都依赖） postcss-aspect-ratio-mini postcss-px- ...
分类：
移动开发 时间：
2018-04-23 11:12:48
阅读次数：
5063
话不多说，先看图 初学vue，断断续续花了一天半才写出来.... 写样式真的很麻烦 下面上代码 html script 样式也是第一次用大神推荐的vw做适配，真的蛮方便（之前一直用flexible.js）但是有个问题：怎么能设置固定宽度，因为用电脑打开的话整个页面很大...看起来很夸张,而且因为它是 ...
分类：
移动开发 时间：
2018-04-09 17:14:08
阅读次数：
394
vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。 vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。 rpx：rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为 ...
分类：
微信 时间：
2018-03-29 16:45:00
阅读次数：
2950
