零分杂记

自适应例如九宫格，图片或者DIV特别是图片宽度100%，如何让高度也能始终保持一个比例？避免出现高低不齐的现象！ 1、利用JS控制，监听图片的宽度，再设置图片的高度 2、纯CSS设置图片宽度和高度始终保持比例 2.1、原理：利用padding-top（padding-bottom）的百分比计算是根据层宽度的宽度计算的，如层宽度100px，padding-top:20%就是20px；设置一个外层padding-top（padding-bottom）的空白空间，让内层去填充！如设置一个始终保持正方形的图片，将父层设置padding-top（padding-bottom）100%，宽度100%，高0

自适应手机端样式调试方式： 1、调整浏览器大小（不推荐，通过CSS布局无线端自适应） 2、下载相关工具，如微信公众号开发工具 3、审查浏览器，切换到手机（推荐） 首先右键网页（检查或者审查元素，快捷键F12），点亮手机图标 点亮后