html var pixelHeight调整大小为窗口或屏幕大小

时间:2017-05-10 22:54:21

标签: javascript html

因此,我为自己创建的这个程序遇到了很多麻烦。我正在让窗口调整大小到屏幕大小。我不太了解这个档案,因为我不是原创作品,但我的朋友却成功了。我想要的是屏幕调整大小打开html文件的窗口大小。似乎控制大小的唯一变量是行 var pixelHeight = 8; 接下来的几行是,尽管那些似乎不会影响对象的屏幕大小。什么可以添加使Var像素宽度变量到屏幕窗口的大小,甚至是显示器的大小,我已经尝试了几天知道使用谷歌但我做的每一个改变只是打破它所以它不再显示正确的,或根本没有。我想把它设为像pixelHeight = windowheight / 120,因为它应该使它工作,但我已经尝试过任何我在google上找不到的窗口高度或屏幕高度的变量。

<script type="text/javascript">
    var pixelWidth = 8;  
</script>
<!-- Icon Map -->
<script type="text/javascript" src="icons.js"></script>
<!-- Game Data -->
<script type="text/javascript" src="game.js"></script>
<!-- Game Code -->
<script type="text/javascript" src="LEK.js"></script>
<script type="text/javascript">
    var drawHack = false;
    var GAP_X = 12;
    var GAP_Y = 22;
    var GRID_WIDTH = 159;
    var GRID_HEIGHT = 113;

1 个答案:

答案 0 :(得分:0)

您可以使用screen.width和screen.height

https://www.w3schools.com/code/tryit.asp?filename=FFH3OMES1YOE

开始
<!DOCTYPE html>
<html>
<body>

<p>Open a new window, and resize the width and height of the new window.</p>

<button onclick="openWin()">Create window</button>
<button onclick="resizeWinTo()">Resize the window</button>


<script>
var myWindow;

function openWin() {
    myWindow = window.open("", "", "width=250, height=250");
}

function resizeWinTo() {
    myWindow.resizeTo(screen.width,screen.height);
    myWindow.focus();
}

</script>

</body>
</html>

您可以在链接中点击此示例。