发表于： 2018-05-30 21:52:21
9 486
这2天做到修真院任务9 10，学习了一下响应式布局，大型网站用响应式布局不合适，因为渲染过多，不如移动端和PC端写2个不同的网页。
总结下响应式布局
响应式布局学习1[https://www.w3cplus.com/css/a...]
响应式布局学习2[http://www.w3cplus.com/css3/1...]
1、移动优先设计，首先满足移动端，然后再设计桌面端
2、自适应%，关键因素是流体布局的宽度，然后分成块，媒体查询重新布局。
3、图片大小设定百分比
4、height 可以固定
5、响应式布局总的原则是将大网页切成块，用媒体查询重新布局
6、布局式字体多使用rem，方便切换
7、用flex进行响应式布局，可以先计算宽度占总大小的百分比，然后设定3个子元素宽度25% = 75%，留25%空间直接space-between 直接均分。
今天写了任务10，感觉做的挺顺的，没碰到什么问题，唯一的就是媒体查询有个困惑，CSS内部应该是自上而下处理，媒体查询必须写在大的像素后面才会响应，是不是CSS的解析是自上而下的？
返回列表
评论