响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够。 响应式：只需要开发一套代码。 响应式设计通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。 自适应：需要开发多…

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

浮动。（注意：为了不影响其他元素，别忘了在父级上清除浮动） vw： viewport width。1vw = viewport 宽度的 1%, 100vw = viewport width, 同样的还有 vh： viewport height。1vw = viewport 高度…

width和margin实现。margin: 0 auto; table标签配合margin左右auto实现水平居中。使用table标签（或直接将块级元素设值为display:table），再通过给该标签添加左右margin为auto。 inline-block实现水平居中方法…

因为我现在主要是写企业定制网站 准备离职了 所以,趁我现在对适应的理解比较深入,故总结 有些事情现在不去做，以后都不会在做了! 所以整理一下关于布局的适应 以下是我关于自适应/响应式的一些观点和理解

小问题总是被人视而不见，等遇到的时候又突然想不起来，所以我们需要经常总结，这可以帮助我们更好的记忆东西。今天我们来总结两个不起眼的小问题：margin塌陷和margin合并

接触flex布局也很长时间了，大多用它来处理一些水平、垂直对齐的场景，今天看官方规范文档，才发现flex还有很多有用且强大的特性，看完觉得收益匪浅，有必要总结分享出来。

在我们前端开发过程中，写css（包括sass, less, stylus这样的预处理器）进行设计稿的样式还原是一项重要的工作，而其中，关于页面布局的部分，又是书写样式代码时候的重点和难点，这篇文章就尽可能的去总结常见的一些页面布局实现方案(并不是全部，布局实现方法太多了)，希望…

答案基本是自己整理的。并不是全部题目都有。 会有很多自己的啰嗦，还有很多乱七八糟的补充，请见谅。 盒子模型有两种：IE 盒子模型(IE5.5及以下)，W3C标准盒子模型。 内容(content)、填充(padding)、边框(border)、边界(margin) 。 IE盒模型…