CSS Image flexi width

Question

所以我在我的网页顶部有这个横幅。从我的23英寸显示器上观看它看起来很好。但是当我用15英寸方形显示器观看时，横幅因为太长而从右侧裁剪掉。

如何使用CSS根据用户的屏幕尺寸调整横幅宽度？

Answer 1

它不仅应符合用户的屏幕大小，还应符合浏览器窗口的大小。

尝试width: 100%

Answer 2

您可以使用像

这样的百分比来代替使用像素来设置固定宽度

宽度：100％;