前端适配PC端、移动端. 基于vw或者rem进行适配.只需一次配置即可,也介绍到了IOS的安全区域.

一、构建vue脚手架二、创建项目选择构建的方式选择默认自带的vue三、安装依赖包四、创建vue.config.js1、匹配PC端2、匹配移动端五、开始启动项目yarnserve看结果吧

在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport，如果我说这种方案能解决98%以上的移动端布局痛点，我想整个掘金，应该没有人会反驳。 这种…

rem英文译为：font-size of the root element，意思是根元素(html元素)字体大小。 注：数字“10”为随意设置(将屏幕10等分)，为了好计算。这个除数不宜设置太大，因为大部分浏览器的最小字体为12px。 若设计图宽度为320px(iPhone 5…

前段时间我的移动端适配解决方案一文在评论区引发了激烈的讨论。其中讨论最多的就是，移动端rem的适配已经淘汰了，目前大家使用的都是viewport。

前言：根据最近做的一个医疗手机端项目总结在移动端，vue怎么在不同屏幕上做根据不同屏幕大小适配 1、适配方案 在本项目中我所使用的vue移动方案是使用amfe-flexible 和 postcss-p

Vue中pc端与移动端适配解决方案 0. 前言 目前常见屏幕适配方案很多，眼花缭乱，比如：postcss-pxtorem、postcss-px2rem、px2rem-loader、postcss-pl

在移动互联网快速发展的今天，手机的种类和尺寸越来越多，作为前端的小伙伴们可能会越来越头疼。对于移动端适配，不同的公司、不同的团队有不同的解决方案。我们项目中也用了一部分解决方案，网上也看到了一些解决方案，对比下，总结一些自己的理解，希望对各位有帮…

1、先安装lib-flexible和postcss-pxtorem 可以直接按照以下命令安装即可（一定要严格控制版本号，以下版本可以完美解决依赖冲突问题） npm install lib-flexib