Javascript 缩放浏览器窗口时自动缩放网站

我有一个网站，有点大的图片，很适合1920/1080的窗口，但不是更小的窗口。甚至不同的浏览器也会向我展示一些其他的东西。我在谷歌上搜索了很多，但找不到我真正需要的东西

我举了一个例子：

这正是我需要的

这必须使用任何类型的jQuery或JavaScript来完成

谁能给我一些代码来做这个吗？

你可以使用CSS3转换和媒体查询

然后，将根据css样式表中的媒体查询设置的规则调整页面大小：

@媒体屏幕和（最小宽度：1200px）{
#容器{
宽度：1100px；
}  
标题h1#标志a{
宽度：1100px；
高度：150像素；
背景：url（image.jpg）不重复0；
}                          
}

您还可以通过设置页面的转换属性来缩放、旋转、移动页面中的任何元素：

div{
变换：缩放（2）旋转（45度）；
变换：缩放（2）旋转3d（0,0,1,45度）；
}

如果您想：

document.querySelector（'div'）.style.webkitttransform=“scale（3）”；

它被称为“响应式”设计，通常大部分都是CSS，但使用bootstrap或jQueryPlease有一些巧妙的方法，包括实际结果和期望结果的屏幕截图，以及再现问题（？，其中的代码也应该粘贴在问题中），而不是模糊的描述和链接。