1. 响应式原理一套代码适配多终端根据屏幕视口宽度动态修改样式、布局、尺寸、列数。2. 必备视口标签meta nameviewport contentwidthdevice-width,initial-scale1.03. 媒体查询语法media (max-width: 768px){ /* 手机端样式 */ } media (min-width: 769px) and (max-width:1200px){ /* 平板样式 */ }4. 实战断点规范手机768px平板768px ~ 1200pxPC1200px