yd sp

图片适应手机端 要控制的是装图片的容器宽度

img{
display: block;(可不加 banner可以用)
height: auto;
max-width: 100%;（或者width：100%）
}
将以上标签加入之后保存，再用手机打开即是自适应网页了。

字体和宽度高度适配
宽度和高度可以用百分比的方式

字体的话可以用vwde形式进行适配
比如你设计图的大小是1080
那么换算单位就是 ‘你字体的大小’/1080*100
2.3vw这种的
vw是屏幕的单位，100vw = 屏幕的宽度 也等于body的100%

比如一个div在屏幕宽度100下显示为20,然后在屏幕200下显示是多少？
40

是不是求出div的长度20在100屏幕下的比例
等于20%
然后再算出在200的长度