如何调整浏览器窗口的大小，使其内部宽度成为特定值
如何调整浏览器窗口的大小，使其内部宽度成为特定值
提问于 2012-04-30 22:55:29
如果你只是在这里告诉我为什么调整窗口大小是一个糟糕的想法，令人讨厌，和网络上的粉笔板上的钉子相当，那么请离开。我在寻找解决方案，而不是说教。这只能在intranet设置中使用。具体地说，调试，然后演示响应式设计的网站(使用媒体查询进行扩展的网站)，以供客户端通过web会议进行审查。我想演示一下特定的断点。这是不会释放给普通公众的。
我已经知道的事情：
- 您只能调整通过javascript打开的窗口的大小和位置，而不能由用户进行调整。(除非它们调整其安全设置，否则无法选择)
- 当您使用窗口的resizeTo()方法时，浏览器的大小将调整为指定的尺寸。
- 浏览器，浏览器版本，平台，一些插件，以及各种菜单和工具栏都会改变视口的尺寸。菜单和工具栏越多，视口宽度就越小。
可能的解决方案：
- 查找浏览器的宽度和高度
- 查找视口的宽度和高度
- 确定两者之间的差异。
- 相应地调整resizeTo()调用中的值
我需要你帮我做第一步。其他我能搞清楚的事情。如果有帮助的话，我也在使用jQuery和modernizer。
提前感谢您的帮助！
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-08 22:41:50
这篇文章已经很老了，但这里有一个面向未来读者的具体实现：
var resizeViewPort = function(width, height) {
if (window.outerWidth) {
window.resizeTo(
width + (window.outerWidth - window.innerWidth),
height + (window.outerHeight - window.innerHeight)
);
} else {
window.resizeTo(500, 500);
window.resizeTo(
width + (500 - document.body.offsetWidth),
height + (500 - document.body.offsetHeight)
);
}
};如果您想要将滚动条考虑在内：
var resizeViewPort = function(width, height) {
var tmp = document.documentElement.style.overflow;
document.documentElement.style.overflow = "scroll";
if (window.outerWidth) {
window.resizeTo(
width + (window.outerWidth - document.documentElement.clientWidth),
height + (window.outerHeight - document.documentElement.clientHeight)
);
} else {
window.resizeTo(500, 500);
window.resizeTo(
width + (500 - document.documentElement.clientWidth),
height + (500 - document.documentElement.clientHeight)
);
}
document.documentElement.style.overflow = tmp;
};玩得开心..。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10385768
复制相关文章
相似问题