移动web-flex-rem

媒体查询（Media Query）是一种用于在网页开发中根据设备的特性和属性来应用不同样式和布局的技术。通过使用媒体查询，可以根据设备的屏幕尺寸、分辨率、宽度、高度、方向等特性来调整网页的显示效果，以

通过flex 属性设置分配剩余空间的比列，这个常用  剩余空间是指父盒子的宽度减去没有设置flex的盒子的宽度  在将剩余空间按占比分配给各个子盒子，比列计算：当前子盒子的flex数值/所有flex的

Flex布局中默认的主轴是row，x轴  如果想改变主轴方向可通过设置flex-direction来改变  flex-direction:column;将主轴改为y轴，纵轴  flex-directi

居中问题 水平居中 垂直居中 水平垂直居中 比例分配问题 剩余空间分配问题(定宽+自适应问题) Flex布局（弹性布局）是一种CSS3的布局方式，常见的应用场景包括： 网页布局：Flex布局可以方便地

方案一:rem + 媒体查询 + less技术 引入normalize.css 设置共同common.less common.less里面用到了less语法 common.less里面用到了媒体查询

1·通过Media Queries 媒体查询，通过查询设备的宽度来执行不同的 css 代码 2·使用弹性布局 3·根据屏幕宽度设置 rem ，需要适配的元素都使用 rem 为单位 4.vw,vh适配

流式布局也叫百分比布局 flex布局也叫弹性布局 Less+rem+媒体查询布局，实际用flexible.js+rem居多 响应式布局也就是利用bootstrap 混合布局,可以根据不同的组件需求 ,

移动端真机调试可以通过以下几种方式进行： 1. 使用USB数据线连接手机和电脑，通过Chrome浏览器进行调试。首先，在手机设置中开启开发者选项，并打开USB调试模式。然后，在电脑上打开Chrome浏

设置在容器上的属性 flex-direction row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 co