viewpoint css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。 “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最 ...
分类：
Web程序 时间：
2020-03-05 13:17:54
阅读次数：
84
什么是rem？在W3C官网上是这样描述的：“font size of the root element (根元素的字体大小)”。就是说rem是相当于html的，因为网页的默认字体大小是 16px，所以 1rem=16px ，10rem=160px 。 rem的布局原理:1.通过JS （JavaScr ...
分类：
移动开发 时间：
2020-02-29 00:58:17
阅读次数：
168
今天因为react-native的style只能给width和height设置数字 没有react上的vw和vh 因为之前经常用vh vw 感觉不适应 找到了一个新的方法 使用Demension模块 1，引入Demension import { Demensions } from 'react-na ...
分类：
其他好文 时间：
2020-02-28 14:07:34
阅读次数：
457
传统的项目开发中，我们只会用到 px、%、em这几个单位，可以适用于大部分的项目开发，并且拥有比较好的兼容性。 从CSS3开始，浏览器对于逻辑单位的支持已经提升到了另一个境界，新增了 rem、vh、vw、vm等新的长度单位，利用这些新的单位可以开发出比较好的响应式页面，随之覆盖多种不同分辨路的终端。 ...
分类：
Web程序 时间：
2020-02-04 20:48:54
阅读次数：
87
假如设计稿的宽度为750px 为了方便换算，如果我们让屏幕的总宽度总是等于750rem，那么1rem就相当于设计稿的1px了 则有: 100vw=750rem 即: 1rem=100vw/750=0.1333...vw 因此我们只需把根元素html的字体大小设为0.1333...vw， 然而Chro ...
分类：
移动开发 时间：
2020-01-31 12:47:12
阅读次数：
95
vh ,视窗高度,1vh=视窗高度的1%,即相对于视口的高度。视口被均分为100单位的vh vw 与vh对应的还有vw, ，视窗宽度，1vw=视窗宽度的1%,即相对于视口的宽度。视口被均分为100单位的vw 顺便拓展一下其他比较常用的相对长度 1. :根元素（html）的 font size 2. ...
分类：
Web程序 时间：
2020-01-22 14:31:24
阅读次数：
1081
```css //同理一些css也是 .el-input__inner { &::placeholder { font-size: vw(14); } &::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ font-size: vw(14... ...
分类：
其他好文 时间：
2020-01-19 19:33:30
阅读次数：
578
一、% 理解： %号是CSS中的常用单位，它是相对于父容器而言的。如:一个父容器的宽是100px,给它的子元素一个10%，那么子元素的宽就是100px的10% 10px。 效果图： （利用%设置了li 的宽） 代码： <!DOCTYPE html> <html lang="en"> <head> < ...
分类：
Web程序 时间：
2019-11-17 10:40:48
阅读次数：
53
css中的单位很多，%、px、em、rem，以及比较新的vw、vh等。每个单位都有特定的用途，比如当需要设置一个矩形的宽高比为16:9，并且随屏幕宽度自适应时，除了用%，其他单位是很难做到的。所以不存在说某个单位是错误的，某个单位是最好的这种说法。 那本文说的页面适配，指的是同样的布局，在不同大小的 ...
分类：
其他好文 时间：
2019-11-16 23:13:05
阅读次数：
100
像px、rem、em、%这样的长度单位大家肯定都很熟悉，前者为绝对单位，后者为相对单位。CSS3又引入了新单位：vw、vh、vmin、vmax。下面对它们做个详细介绍。单位作用特性px页面按精确像素展示绝对单位rem相对根节点html字体大小来计算相对单位em基准点为相对父节点字体的大小相对单位%相对于父元素的大小设定的比率相对单位vw视窗宽度的百分比，1vw代表视窗宽度的1%视窗单位vh视窗高度
分类：
Web程序 时间：
2019-11-05 09:21:05
阅读次数：
115
