移动端适配用：rem
自使用布局用：bootstrap
常见的页面布局方式有，静态布局px布局流式布局（LiquidLayout）主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用）自适应布局（AdaptiveLayout）即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围响…
我之前写九宫格自适应布局的时候，每个格子是使用媒体查询器（@media）或者js动态设置css，根据不同的手机屏幕宽度，适配不同手机，但是这样有个很大的缺点，那就是移动端的屏幕尺寸太多了，就得写很多代码，才能实现我们想要的效果。今天突发奇想…
1、手机的响应式布局，所有的单位用rem来表示。如：设计稿的宽度是750，则html标签的font-size=屏幕宽度/7.5。那么在网页中的尺寸=设计高上实际的尺寸/100.把下面的代码作为一个单独的resize.js文件，手机的页面引用…
cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bet…
1.下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib…
这篇“vue中怎么使用rem适配移动端屏幕”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“vue中怎么使用rem适配移动端屏幕…
1.下载lib-flexible使用的是vue-cli+webpack，通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-fle…
1：使用的是vue-cli+webpack，通过npm来安装的npmilib-flexible--save2：在main.js中引入lib-flexibleimport'lib-flexible/flexible'3：通过meta标签，设置…
