1. CSS样式先写大尺寸再写小尺寸
顺序是这样的: 通用CSS->1400px->1200px->992px->768px->576px->480px;
2. 通常要加480px的限制
标准的自适应尺寸是没有480px这个尺寸的, 为了好兼容手机端, 可以这个尺寸也要加
3. 图片高宽用百分比, 只能设置一个, 另一个用Auto
大图片用作底图时一般使用百分比, 但是不要高度都是百分比, 不然在不同尺寸下就变形变的没法看了
4. 用好background的
大图片做适配时, 强烈建议把图片用作background, 同时搞清楚background-size, background-position 的用法, 对一些设置起到非常有利的帮忙
5. 另外图片除非用必须用png, 用jpg
图片尺寸太大, 严重影响网页加载速度
链接:https://aisisoft.cn/case
来源:艾思软件