1. 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案
关键元素高宽和位置都不变，只有容器元素在做伸缩变换。
2. 使用flexbox解决方案
3. 使用百分比加媒体查询
4. 使用rem
页面上html的font-size不是预先通过媒介查询在css里定义好的，而是通过js计算出来的，所以当分辨率发生变化时，html的font-size就会变，不过这得在你调整分辨率后，刷新页面才能看得到效果。
1. 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案
关键元素高宽和位置都不变，只有容器元素在做伸缩变换。
2. 使用flexbox解决方案
3. 使用百分比加媒体查询
4. 使用rem
页面上html的font-size不是预先通过媒介查询在css里定义好的，而是通过js计算出来的，所以当分辨率发生变化时，html的font-size就会变，不过这得在你调整分辨率后，刷新页面才能看得到效果。
响应式布局和自适应布局详解 布局等于流动网格布局，而自适应布局等于使用固定分割点来进行布局。 自适应布局给了你更多...
为iPhone 6设计自适应布局 为iPhone 6设计自适应布局
一、多列布局 （1） 宽度自适应布局 两栏布局 左侧固定右侧自适应 右侧固定左侧自适应 技术原理（左侧固定右侧自适...
左侧固定，右侧自适应 右侧固定，左侧自适应 圣杯布局（左右固定，中间自适应） 中间固定 两侧自适应 等分布局 等分...
两栏布局 左边固定右边自适应 使用float布局 使用position布局 三栏布局 左右两边固定中间自适应...
十二栅格： 盒子的移动（不影响自适应布局）： 元素的大小设置(不影响自适应布局)：
响应式 布局等于流动网格布局，而自适应布局等于使用固定分割点来进行布局。 自适应布局给了你更多设计的空间，因为你只...
二栏布局一栏自适应 效果图: 三栏布局中间自适应 效果图:
一、行布局 1.基础的行布局 2、行布局自适应 修改width为百分比： 3、行布局自适应限制最大宽 4、行布局垂...
左边定宽，右边宽度自适应 等高自适应，两列布局
本文标题：自适应布局
本文链接：https://www.haomeiwen.com/subject/lfapvftx.html
网友评论