一. 安装插件(lib-flexible 和 postcss-loader、postcss-px2rem) 二. 配置插件 　　1. 在入口文件 main.js 中引入 ...

vue pc 端和移动端响应式布局 源码: https://gitee.com/hellojinjin/vue-flexible-layout.git 技术栈： postcss-px-to-viewport 媒体查询 flex 布局 ui 组件(element-ui tabs ...

css单位有3种： px：绝对单位 em：相对父元素的单位 rem：相对根元素（页面的html）的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem： 什么是re ...

最近做了几个移动端的项目，因为第一次接触移动端的布局，所以踩了几个坑，今天总结一下，有不对的地方欢迎大家提意见。 移动端布局需要考虑为不同分辨率的设备都提供一个出色的使用体验，下面我来总结一下移动端布局的方法。 借助库 比如Bootstrap和MUI都可以实现自适应布局，借助于 ...

1,移动端的常见开发方式: 响应式： 一套代码可以兼容移动端，pc端，pad端。所以说代码不会特别复杂，内容也不会特别的多，尤其是动画 自适应：根据不同的设备去加载不同的代码，pad一套，pc一套，phone一套。最常见一种 媒体 ...

一、流式布局（百分比布局） 使用非固定像素来定义网页内容，也就是百分比布局，(特别适合于电商网站的布局)通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。这样的布局方式，就是移动web 开发使用的常用布局方式。这样的布局可以适配移动端不同的分辨率设备 ...

最近发现UC下通过display:inline-block布局有点问题，全用最新版：Android6系统和最新版UC手机浏览器都还是有问题。 设计需求： 导航栏100%宽度，共有4个子栏目，每一个栏目占1/4宽度。 HTML代码为： 方法一： 通过"display ...

移动端页面布局 一、移动端app分类 1、Native App原生app手机应用程序 　　使用原生的语言开发的手机应用，Android系统用的是java，ios系统用的是object-C 2、Hybrid App 混合型app手机应用程序 　　混合使用原生的程序和html5页面开发的手机 ...