自适应
5篇文章 · 0订阅
  • vue 自适应 PC端 移动端 postcss-px-to-viewport
    一、构建vue脚手架二、创建项目选择构建的方式选择默认自带的vue三、安装依赖包四、创建vue.config.js1、匹配PC端2、匹配移动端五、开始启动项目yarnserve看结果吧
    Vue.js
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 关于移动端适配，你必须要知道的
    ... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…
    CSS JavaScript
    关于移动端适配，你必须要知道的
  • 在移动端避免使用100vh
    CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度，你可以设置高度:100vh，这样你就有了一个完美的全屏元素，它会随着视口的改变而改变大小!遗憾的是，事实并非如此。100vh在不同的浏览器的实现方式上也有一点微妙的变化，这使得它几乎毫无用处。最好避免1…
    CSS
  • 从零开始在vue-cli4配置自适应vw布局
    简介viewportWidth也是vw布局从配置上来说比rem布局的配置要简洁了很多不需要配置安装lib包也不需要增加一个rem.js文件简称拎包使用安装包或者配置移动端在vue.config.js中
    Vue.js