Question

读书总结《响应式Web设计：HTML5和CSS3实战》

Answer 1

全部用相对单位，将设计稿中的绝对单位通过公式 “目标 / 上下文 = 结果” 转换为相对单位，而且结果应该尽可能保留小数点，让浏览器自己算，追求精确。

（1）max-width将图片缩小至灵活容器

（1）<link>里的media属性

（2）通过@media分类打包

（3）@import导入

（1）什么程度的响应式
（2）是否要根据设备、使用环境等因素来衍生出另一个HTML结构
（3）什么类型的网站才适合响应式

（4）一般大公司不需要考虑响应式，会直接做双主页，为了在不同设备上达到更好的用户体验

先做移动端，再做桌面端，由简到繁，使得更注重于用户的核心需求。同时，也可以解决部分浏览器对媒体查询、JS支持差的情况（桌面端基本都没什么问题，将基本样式设置到容易出问题的一方）

（1）<meta>的视口初始配置
（2）灵活比例缩放
（3）媒体查询