强制浏览器有条件地缩放

时间:2014-02-03 15:52:49

标签: javascript html css resize zoom

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

我想要的是有效完成以下任务: - 如果浏览器尺寸和/或缩放页面加载使得此768x900 px div不能完全适合(即被截断),则强制浏览器转到适合整个div的缩放级别 - 如果浏览器尺寸和/或缩放是div适合的,则不需要做任何事情 - 如果调整浏览器窗口大小,请重新计算上面的

我知道%s将是实现这一目标的一种方法,但由于多种原因,这不是一个好的解决方案。

谢谢!

2 个答案:

答案 0 :(得分:0)

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

以下是一些可能能够帮助您并进一步解释的教程。

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

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

答案 1 :(得分:0)

如果您在DIV中应用了css,其中position设置为relative,则可能会导致此问题。确保将位置设置为绝对位置,然后设置宽度/高度。它肯定会奏效。