响应式布局

响应式布局
本人在写项目时使用响应式布局查找的资料、得到的收获和遇到的Bug 以下有引用了其他作者的文章，若有侵权，联系删除！
疑问
1rem为何不能为1px
当前浏览器设定的最小字体大小为12px，所以浏览器自动把html{font-size: 1px} 识别为html{font-size: 12px}，所以效果也就是1rem = 12px。
在调整浏览器最小字体大小以后，也验证了以上原因是正确的。
所以设定为1rem=100px，也是最简便的开发方式。
注意
宽度需要使用百分比 例如这样： #head { width: 100% }
#content { width: 50%; }
处理图片缩放的方法
简单的解决方法可以使用百分比，但这样不友好，会放大或者缩小图片。那么可以尝试给图片指定的最大宽度为百分比。假如图片超过了，就缩小。假如图片小了，就原尺寸输出。 img { width

响应式布局最先出现在Python成神之路。