如何以其默认大小的25%打开浏览器窗口?

时间:2016-11-17 05:13:34

标签: javascript html css

我正在尝试以其默认设备浏览器窗口大小的25%启动窗口。

我尝试了下面的那个,它有效。但它的局限性在于它只能将像素作为输入,而不是相对%作为输入。因此,它不能跨设备进行扩展。

window.resizeTo(width, height);

有什么建议吗?

更新: 如何强制在新浏览器中打开此窗口并隐藏地址栏?

我正在尝试启动一个聊天窗口,因此除了浏览器上的关闭,最小/最大按钮外,它应该始终在一个新的简化窗口中打开而不需要任何工具。

3 个答案:

答案 0 :(得分:1)

var h = window.innerHeight * .25;
var w = window.innerWidth * .25;
window.resizeTo(w,h);

答案 1 :(得分:0)

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">Try it</button>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function myFunction() {
    var width = $( window ).width()/4;
    var height = $( window ).height()/4;
    var myWindow = window.open("", "", "width="+width+"px,height="+height+"px");
}
</script>

</body>
</html>

答案 2 :(得分:-1)

var specs = "width="+screen.width/4+",height="+screen.height/4;
window.open("http://www.w3schools.com","sample",specs)

是的,你是对的,它不会占用百分比或任何东西。仅允许像素。使用screen对象获取高度和宽度。