一、前言 我们h5项目适配采用的是淘宝那套《Flexible实现手淘H5页面的终端适配》方案。主要原理是rem布局。最近和别人响应式实现原理，发现虽然已经使用了那套方案很久，但是自己对rem的理解很含糊， 包括vw、vh等。所以打算写博客总结一下，以加深理解。 二、几个概念 这里就不讲那些，物理像素 ...
分类：
其他好文 时间：
2018-05-19 12:00:21
阅读次数：
1884
vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。 vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。 rpx：rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为 ...
分类：
微信 时间：
2018-03-29 16:45:00
阅读次数：
2950
对于一个前端的初学者来说，首先要做好的事就是切页面了，切页面不得不说的就是布局了，布局的重要性不言而喻，为了良好的用户体验，提出了许多不一样的布局：响应式布局，弹性布局，流动布局等等，也流入出了许多的框架。最近在看关于移动端的响应式布局，其中涉及到比较多的就是大小属性的设置：px、vw、vh、%、e ...
分类：
移动开发 时间：
2018-02-24 16:54:28
阅读次数：
239
今天主要来整理整理css中一些我会用到的单位，及区别。 1. px 2.% 3.em 4.rem 5.vh 6.vw 今天主要就来讲讲这6种css 单位 1.px =》 它的大小是相对于浏览器屏幕分辨率来决定的； 2.% =》 它的大小是相对于它的父级元素来决定的； 3.em => 它是相对于当前对 ...
分类：
Web程序 时间：
2018-01-29 21:34:55
阅读次数：
220
行内样式 内联样式 内联样式可位于head、body标签之间 导入样式 @import可位于style标签和css文件内(不推荐使用) 链接样式 单位 px 像素 % 百分比 em 相对父元素的字体大小 rem 相对根元素的字体大小 ie9+ vw 相对视口的宽度百分比 ie9+ vh 相对视口的高 ...
分类：
Web程序 时间：
2018-01-24 14:03:31
阅读次数：
196
这次的题目是VH难度，难度很大，不过啃下来的收获也颇多。 题意： 给出3*10^5个员工的工资，工资范围10^9，所有员工的工资必须满足如下约束：每个员工的工资不能高于其上司的工资，否则就要给其上司涨工资，使上司的工资和下属相同。 先一次给出每个员工的上司信息和工资，求涨工资的总次数。 详细描述如下 ...
分类：
其他好文 时间：
2018-01-10 11:29:58
阅读次数：
146
这似乎是一个新的字体大小单位 Viewport-Percentage Lengths. 一个单位相于当前视图窗口大小的1%，宽度和高度是不同的，分别用(vw, vh)表示。你可以通过vmin和vmax设置最大最小值。 1vw = 当前视图窗口（viewport）1%的宽度 1vh = 当前视图窗口（ ...
分类：
Web程序 时间：
2017-12-08 16:57:21
阅读次数：
278
1，宽高用了百分比或者vw/vh布局的，input输入框的最外层父容器的可用JS动态设置为当前窗口的宽高（防止输入法的弹出令页面变形） 这个方法适用于有输入框的移动端页面，类似于一个登记信息的弹窗之类的页面。 ...
分类：
移动开发 时间：
2017-11-25 23:44:32
阅读次数：
213
总结了一下一些单位的不同 px：像素（pixel）相对长度单位，，是相对于屏幕显示器分辨率而言的； em：em的值并不是固定的，会集成父级元素的字体大小； 注意： 1.body选择其中声明Font-size=62.5%； 2.将原来的px数值除以10，然后换上em作为单位； 3.重新计算那些被放大的 ...
分类：
Web程序 时间：
2017-11-17 16:27:58
阅读次数：
179
单位分为绝对单位和相对单位 绝对单位，例如：cm mm in pt pc 在css中是用不到的 相对单位：px像素 %百分百 em（1em相当于当前元素字体大小） rem（1rem相当于根元素字体大小）；还有ex，vw ，vh 等大小单位 css中支持百分比做为单位的属性很多，大致可以分为三类： （ ...
分类：
Web程序 时间：
2017-11-09 17:15:03
阅读次数：
182
