如何使图像忽略视口的大小？

Question

我将尝试解释我想用屏幕截图做什么。

这就是我的网站现在的样子，屏幕尺寸为1920x1080：

https://gyazo.com/95cc6f61a449f67fb00232a7619a58d7

这就是我希望我的网站看起来的样子：

gyazo.com/c5cf33080a04f0d3d9b5b0252f013ba3

BUT！我不希望徽标自己调整大小，我希望它在调整大小后保持其形状的相对位置。

实际上，无论分辨率如何，我都希望形状保持相同的大小，我该怎么做？

我尝试编辑CSS并使用100％/ auto技巧，但这不是我想要做的。

http://www.templatemonster.com/demo/58241.html是我试图在我的例子中复制的内容。 （这一切都是为了学习目的）

尝试在该页面上放大或缩小，无论缩放级别如何，您都会看到形状保持其形状。

Answer 1

要防止徽标调整大小，您需要使用像素值设置固定的宽度和高度。例如：150px。这应该防止它自己调整大小。 请记住，要复制该示例，您需要将原始徽标与响应元素相关联。