复杂网页做自适应时, 对新手写CSS的几点建议[艾思]

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
来源:艾思软件

 
 

你可能感兴趣的:(软件开发,APP开发,thinkphp,css,前端,html)