Continue的博客

定义flex是flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。适用范围任何一个容器都可以指定为flex布局。关于flex当我们为父盒子使用完flex布局以后，子元素的 float、clear和 vertical-align属性将失效。我们平常所说的伸缩布局、弹性布局、伸缩盒布局说的都是flex布局布局原理采用flex布局的元素称为容器，它的所有子元素自动成为容器成员，称为项目，子容器可以横向排列也可以纵向排列。总结原理：就是通过给父盒子添加flex属

定义流式布局，就是百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比根据屏幕的宽度进行伸缩，不受固定像素的限制，内容向两侧填充。在早期用来应对不同尺寸的PC端，如今也是移动开发使用的比较常见的布局方式。max-*、min-*百分比布局经常搭配这两个使用比如所选区域占宽75%，但是将视觉视口调小又需限制其最小宽度，所以往往通过min-width限制，在定义图片时往往使用max-width等于其宽度来防止图片拉伸变形。优缺点优点：通过百分比设置宽度，可以自适应不同尺寸屏幕缺点：高度和文

本篇主要介绍在学习移动端布局前需要了解的一些知识，方便在后续学习中如果碰到会有所理解。移动端常见浏览器移动端调试方法视口二倍图移动端开发选择·移动端技术解决方案·移动端常见浏览器移动端浏览器相对于PC端来说，浏览器更多。如UC浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、360安全浏览器、谷歌浏览器、搜狗手机浏览器、猎豹浏览器，以及其他杂牌浏览器。其中，国内UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Andr