在移动端适配有很多种方案，有flex布局，百分比布局，响应式布局，还有vw布局， 下面讲解以下vw布局： 　　首先我们得明确vw是什么？ 　　　　vw　　viewpoint width，视窗宽度，1vw=视窗宽度的1% 　　　　vw是一种css单位。1vw相当于视窗宽度 ...

近些年移动端的强势崛起，导致移动端适配越来越重要，个人之前一直使用的是rem进行适配，但是发现并不是非常完美，给力的是大漠老师写了一篇《 如何在Vue项目中使用vw实现移动端适配》，比较完美的解决了适配问题，下面是自己动手搭建后的一些整理。 创建项目 安装 ...

为vw的属性。 值必须完全匹配。 使用通配符启用所有属性。例如：[''] ...

传送门： https://segmentfault.com/a/1190000014185590 ...

前些天写一个模仿虎牙网站幻灯片的插件，期间遇到我一直都没注意到的问题，就是z-idnex会失效的问题。 我是将幻灯片的左右按设置为float浮动的，然后在调试点击的时候发现无论怎么调高z-index都没有作用，后来将浮动元素改为position：absolute就可以 ...

本文原链接：http://caibaojian.com/mobile-responsive-example.html https://blog.csdn.net/chenjuan1993/a ...

还原设计稿，也就是如何适配移动端繁杂的屏幕大小。 通常而言，设计师只会给出单一分辨率下的设计稿，而我们要做的，就是以这个设计稿为基准，去适配所有不同大小的移动端设备。 在此之前，有一些基础概念需要理解。 设备独立像素 以 iPhone6/7/8为例，这里我们打开 Chrome 开发者工具 ...

为什么要做移动端适配？ 我们开发使用px（CSS pixel）的是逻辑像素，以至于在不同分辨率的设备上同一个UI设计图展示效果会被伸缩变形，所以需要做移动端适配 通过历史进程进一步认识！ 早期诺基亚板砖机时代，样式直男单一、设备少（哪种设备 ...