强制浏览器有条件缩放



我需要在浏览器窗口中可见的768x900 px。如果"浏览器"窗口太小且/或太大,则DIV的一部分被截断。

我想要的是有效完成以下操作的事情: - 如果浏览器尺寸和/或缩放页面加载时,则该768x900 pxdiv不会完全适合(即被截断),请迫使浏览器进入适合DIV的变焦级别 - 如果浏览器尺寸和/或缩放使DIV合适,则无需做任何事情 - 如果调整浏览器窗口大小,请重新计算上述

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

谢谢!

您很可能是媒体查询通常可以完成的响应式设计。如果您不知道那是什么,我会阅读响应式设计。

这里有一些教程,可以帮助您进一步解释。

http://css-tricks.com/css-media-queries

http://css-tricks.com/Resloute-specific-stylesheets

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

最新更新