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

移动端flex布局 弹性盒布局语法分为两部分： 1. 添加在父容器上的语法 （1）display : flex; 设置为弹性盒（父元素添加） （2）flex-direction: 主轴排列方式 　　row; 默认值，默认为横向排列。 　　row-reverse; 反转横向排列 ...

1.采用缩放比为1的meta name=viewport的标签。在页面采用px写法。也要根据设计图。如是设计图是2倍图，那么相应的px需要除以2,如果设计图是3倍图，那么相应px尺寸除以3。 ...

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

移动端布局: 1rem等于100px ，设计图750 ...

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

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

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