index.md

HTML/CSS响应式

目录导航

• 弹性布局与响应式图片
• HTML5与响应式Web设计
• CSS3新特性

响应式实现方式

很容易的方式是，从小端开始，然后不断扩展大端；

1. 先做手机端，因为最小在任何设备上都能看到所有的内容
2. 再做pc或则其他端，不断扩大
3. 使用媒体查询来当成条件判断。叫做断点；类似，如果屏幕可视口大于768的使用以下的样式。
4. 应该自己根据内容设置断点，而不是统一的按照各种设备进行断点。（大部分感觉上其实就是在常用的几个断点做扩展）

其他知识点收集

1. rem 换算

2. 媒体查询中可以结合弹性布局

   大多数情况下的默认像素都是16；所以目标像素除以16得到对应的rem