移动端的响应式布局需要通过设置 media queries 配置多个断点，在响应断点切换的瞬间带来断层式的切换变化，用户体验不佳。 而采用 rem 单位的弹性布局，又需要脚本依赖（头部内嵌：监听分辨率变换，根元素字体随之变换的脚本），耦合不佳。 解决方法：利用 视口单位vw + rem 实现适配（已 ...
分类：
其他好文 时间：
2018-03-21 15:08:24
阅读次数：
212
原文： https://aotu.io/notes/2017/04/28/2017-4-28-CSS-viewport-units/?utm_source=tuicool&utm_medium=referral https://jdc.jd.com/demo/ting/vw_rem_layout.h ...
分类：
移动开发 时间：
2018-03-10 15:58:24
阅读次数：
408
再聊移动端页面的适配 https://www.w3cplus.com/css/vw-for-layout.html 原文网址 Flexible承载的使命 Flexible到今天也有几年的历史了，解救了很多同学针对于H5页面布局的适配问题。而这套方案也相对而言是一个较为成熟的方案。简单的回忆一下，当初 ...
分类：
移动开发 时间：
2018-03-09 20:32:32
阅读次数：
884
https://www.w3cplus.com/mobile/vw-layout-in-vue.html 原文网址 如何在Vue项目中使用vw实现移动端适配 作者：大漠 日期：2018-01-25 点击：10362 vw Layout 布局 Vue mobile 编辑推荐：使用 Coding.net ...
分类：
移动开发 时间：
2018-03-09 13:17:47
阅读次数：
496
手淘的flexible 实现的H5终端适配 https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 再聊移动端适配 使用vw https://www.w3cplus.com/css/vw-for-layout.html 在v ...
分类：
移动开发 时间：
2018-03-06 16:57:21
阅读次数：
180
对于一个前端的初学者来说，首先要做好的事就是切页面了，切页面不得不说的就是布局了，布局的重要性不言而喻，为了良好的用户体验，提出了许多不一样的布局：响应式布局，弹性布局，流动布局等等，也流入出了许多的框架。最近在看关于移动端的响应式布局，其中涉及到比较多的就是大小属性的设置：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
1、px 2、em 3、rem 4、vw，wh：表示宽度的1/100 和 高度的1/100； 浏览器的高是900px,1vh求得的值为9px。兼容性 https://caniuse.com/#feat=viewport-units 5、vmin，vmax：vmin和vmax是与这次宽度和高度的最大值 ...
分类：
Web程序 时间：
2018-01-19 14:01:18
阅读次数：
173
