2016-06-03 6 views
0

Ich möchte die Größe (Breite und Höhe) einer HTML-Fensterseite steuern. Ich möchte, dass die Seite klein wie ein Popup-Fenster ist. Ich möchte die Eigenschaften in demselben HTML-Dokument, um die Größe des Browsers zu steuern, ohne einen Javascript-Link in einer anderen Seite zu machen. Unten ist, was ich getan habe, um die Größe des Dokuments zu steuern, aber es hat nicht funktioniert .. . Hilfe!Wie kontrolliere ich die Größe des HTML-Fensters?

<!DOCTYPE html> 
<html> 
<head> 
<link type="text/css" /> 

<style type="text/css"> 

html 
{height: 500px; 
width:500px; 
margin:0; 
padding:0; 
    } 
    body 
    {height: 500px; 
width:500px; margin:0; 
overflow: hidden; 
padding:0; 
     } 
     .container 
     {height: 500px; 
width:500px; margin:0; 
overflow: hidden; 
padding:0;} 

</style> 

</head> 
<body> 

<div class="container">This is it.</div> 


</body> 
</html> 

Antwort

0

Sie können dies tun, indem Sie etwas JavaScript hinzufügen.

function ReSizeIt(){ 
//window.moveTo(0,0); 
window.resizeTo(300,200) 
} 
window.on_load=ReSizeIt; 
window.onresize=ReSizeIt; 
0

Hat Dir das erwarten ....

<style type="text/css"> 

html 
{height: 500px; 
width:500px; 
margin:0; 
padding:0; 
    } 
    body 
    {height: 500px; 
width:500px; margin:0; 
overflow: hidden; 
padding:0; 
     } 
     .container 
     {height: 500px; 
width:500px; margin:0; 
overflow: hidden; 
padding:0;} 

</style> 
<script> 
function myFunction(){ 
    myWindow = window.open(window.location.href, "", "width=350, height=350"); window.close(); // Opens a new window 
} 
</script> 
</head> 
<body> 

<div class="container">This is it.</div> 
<button onclick="myFunction()">Click here</button> 
</body> 
</html> 
+0

ich die Größe des Fensters wollte sich in der Größe verändert Fenster definiert werden, ohne dass es durch eine Javascript-Link definieren zu müssen. Der Grund ist, dass ich das Fenster mit einer Flash-Schaltfläche verknüpfen möchte und die JavaScript-Verknüpfung nicht funktionierte. –