渲染保留字符串样式使用css: white-space: pre-wrap; viewport：可视窗口，也就是浏览器。 vw Viewport宽度， 1vw 等于viewport宽度的1% vh Viewport高度， 1vh 等于viewport高的的1% 例如 ：设置div元素的高度为当前窗口 ...
分类：
Web程序 时间：
2019-10-12 21:11:24
阅读次数：
133
1.装依赖 "cssnano": "^4.1.10", "cssnano-preset-advanced": "^4.0.7", "postcss-aspect-ratio-mini": "^1.0.1", "postcss-cssnext": "^3.1.0", "postcss-import": ...
分类：
其他好文 时间：
2019-10-09 17:37:59
阅读次数：
171
参考：https://www.qqxiuzi.cn/zh/hanzi-gbk-bianma.php 先把不是汉字的（日文和符号）去掉了，然后剩下21418个汉字：（微笑） 下载地址： https://pan.baidu.com/s/12ARTtwguZaUHG4yf8KA-vw 预览：（大量字体来袭 ...
分类：
其他好文 时间：
2019-09-11 12:02:47
阅读次数：
101
如何在Vue项目中使用vw实现移动端适配 From: 大漠 "W3cplus" ;) 2018 01 25 有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着 单位越来越受到众多浏览器的支 ...
分类：
移动开发 时间：
2019-08-24 20:59:07
阅读次数：
102
转发自大漠老师的文章 由于 单位得到众多浏览器的兼容， 这个过渡方案已经可以放弃使用，不管是现在的版本还是以前的版本，都存有一定的问题。建议大家开始使用 来替代此方案。 的兼容方案可以参阅《 "如何在Vue项目中使用vw实现移动端适配" 》一文。 曾几何时为了兼容IE低版本浏览器而头痛，以为到Mob ...
分类：
其他好文 时间：
2019-08-24 20:54:28
阅读次数：
73
我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。 随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem 当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 ...
分类：
移动开发 时间：
2019-08-23 13:18:33
阅读次数：
129
我们做移动端项目的时候需要安装如下的插件； postcss-import postcss-url autoprefixer 这个不用安装，Vue-cli 已经集成进去了 postcss-aspect-ratio-mini postcss-cssnext postcss-px-to-viewport ...
分类：
移动开发 时间：
2019-08-17 23:51:28
阅读次数：
172
1. 什么是视口？ 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。 2. 视口单位vw，vh 视口单位中的“视口”，桌面端指的是浏览器 ...
分类：
Web程序 时间：
2019-08-10 17:37:18
阅读次数：
123
vw和vh是视口（viewport units）单位，何谓视口，就是根据你浏览器窗口的大小的单位，不受显示器分辨率的影响，是不是很神奇，这就代表了，我们不需要顾虑到现在那么多不同电脑有关分辨率的自适应问题。 vw是可视窗口的宽度单位，和百分比有点一样，1vw = 可视窗口的宽度的百分之一。比如窗口宽 ...
分类：
Web程序 时间：
2019-08-06 21:21:49
阅读次数：
161
最近需要完全新建vue项目,基于vue-cl3搭建项目框架时，又开始纠结px,rem等单位问题，看了很多博客 目前最好用的单位是rem、vw 目前最常用的适配方案是： 普通元素：按照设计稿大小，使用px，再利用工具转化为rem font字体大小：使用px不进行rem转化，对不同的dpr分别设置大小， ...
分类：
移动开发 时间：
2019-07-19 17:03:37
阅读次数：
685
