css - h5页面，logo尺寸370x60，宽度小于370的屏幕怎么缩放合适？

Question

如标题，如果设计一版的话，有好的解决办法吗？

Answer 1

max-width: 100%;

Answer 2

Set the width of the logo image to 100%, regardless of the height

Answer 3

Set the maximum width on a large screen, that is, max-width. On a small screen, set the percentage and adaptive scaling.

Answer 4

1. When the width is less than 370px, set width: 100%
2. When the width is greater than 370px:

1. If the maximum width of the logo is 370, then max-width:370px

2. If the logo needs to occupy the full screen, width: 100%