Question

我正在尝试在计算机屏幕上以实际大小显示对象，我在将图像调整为不同的屏幕分辨率和大小时遇到了一些麻烦。

有没有人对如何做到这一点有任何想法？

Answer 1

使用可能有助于回答的一些代码更新您的问题。

无论如何，尝试通过css给出固定宽度或高度，在所有浏览器和视口中保持不变。

Answer 2

使用像素而不是百分比。这肯定会对你有所帮助。如果您仍然感到困惑，请分享您的逻辑和编码尝试，以便每个人都能为您提供详细的帮助。

Answer 3

如果您希望图像具有相同的大小，则应使用容器div并将该图像放入容器中，然后为此容器div提供高度和宽度。

如果你还可以给你的css中的容器div提供max-width和max-height参数会更好。

<div class="container"></div>

和你的css

.container{
background:url('path/to/your/image');
width:100px;
height:100px;
max-width:100px;
max-height:100px;
background-size:cover;
}

我也遇到过CSS3'vh'和'vw'单位 vh：=视口高度 vw：=视口宽度

我建议你可以使用这些像素插件