css

使用 max-width 属性 使用max-width属性来实现响应式图片，可以通过设置max-width:100%来让图片在其容器元素中自适应大小，并且保持图片的宽高比例不变，避免了拉伸或压缩失真的

使用相对单位：相对单位（例如em、rem、vw、vh等）可以根据屏幕大小和分辨率自适应调整字体大小。 使用 rem 单位，rem 会根据根元素（一般指 html）的字体大小来设置。例如根元素字体为 1