Javascript 想要在不增加或减少任何单个像素的情况下显示分辨率为1680到980的类似视图吗

我的客户希望在1680到980之间保持页面的相同视图。是否可以在不增加单个像素或不增加图像大小的情况下在所有分辨率上保持相同的视图

请帮帮我

---

谢谢你，如果Photoshop是你的朋友，我会调整图像大小，并有两个图像文件，一个用于移动设备宽度，另一个用于笔记本电脑或台式机宽度。最常见的问题是图像大小会压缩以适应较小屏幕的宽度，此时高度会下降以保持图像比率。当你调整图像大小时，我会查询图像

<img class="img1" src="desktop-img.jpg"/>
<img class="img2" src="mobile-img.jpg"/>

您可以添加或更改查询，例如

@media only screen and (min-device-width://what ever size you want) 
and (max-device-width://what ever size you want)

---

尝试给出固定宽度，但在不同分辨率下像素的高度永远不会相同。如果我们保持相同的宽度，我们将做什么字体。在1680分辨率下，字体看起来很小，图像看起来很小，但在980分辨率和其他分辨率（小于1680）下，与1680分辨率相比，字体看起来很大。我希望每件事情看起来都和1680一样。不要把（1680-980）看作是一个单一的媒体查询，而是把它分成（1200-980）和（1680-1200）等更多的媒体查询。因此，它将帮助您调整字体大小和图像。我们不能保留不同的媒体查询，因为我们不知道在什么分辨率的客户端将看到它。。。也许他看上去会超过1680岁。1680只是一个例子。在1680之后，尝试为整个容器指定最大宽度。否则我认为没有任何选择

@media only screen and (min-device-width://what ever size you want) 
and (max-device-width://what ever size you want)