Javascript 强制浏览器有条件地缩放

Javascript 强制浏览器有条件地缩放,javascript,html,css,resize,zooming,Javascript,Html,Css,Resize,Zooming,我需要一个768x900 px的div在浏览器窗口中完全可见。如果浏览器窗口太小和/或太缩放,则部分div当前被截断 我想要的是能够有效实现以下目标的东西: -如果浏览器尺寸和/或页面加载时的缩放导致768x900 px div无法完全匹配(即被截断),请强制浏览器转到适合整个div的缩放级别 -如果浏览器尺寸和/或缩放使div适合,则无需执行任何操作 -如果调整浏览器窗口的大小,请重新计算上述值 我知道%s是实现这一点的一种方法,但这不是一个好的解决方案,原因有几个 谢谢 您最有可能看到的是一

我需要一个768x900 px的div在浏览器窗口中完全可见。如果浏览器窗口太小和/或太缩放,则部分div当前被截断

我想要的是能够有效实现以下目标的东西: -如果浏览器尺寸和/或页面加载时的缩放导致768x900 px div无法完全匹配(即被截断),请强制浏览器转到适合整个div的缩放级别 -如果浏览器尺寸和/或缩放使div适合,则无需执行任何操作 -如果调整浏览器窗口的大小,请重新计算上述值

我知道%s是实现这一点的一种方法,但这不是一个好的解决方案,原因有几个


谢谢

您最有可能看到的是一种响应性设计,它通常可以通过媒体查询来完成。 如果你不知道什么是响应性设计,我会仔细阅读

以下是一些教程,可能会帮助您进一步解释


如果在将位置设置为相对位置的DIV中应用了css,则可能会导致此问题。确保位置设置为绝对,然后设置宽度/高度。它肯定会工作。

但是如果浏览器的像素高度