使用下面的菜单进行图像缩放

Question

我在网站标题中有这个宽图像（width:100%）

在它下面，我有一个菜单（基本上是list，li个元素设置为float:left和ul float:right）。

对于网站宽度1868px，我得到了正确的输出：

但当我缩放到1280px时会发生这种情况：

我可以使用css使菜单缩放（保持相同的比例）吗？

如何在不同的分辨率下使图像保持相同的比例？

Answer 1

将图像作为div的背景图像，而不是直接将其添加为标记。设置背景位置：右下角;并将div高度设置为图像的高度。