Javascript 我将如何定位网页中的所有内容，以便即使浏览器大小或屏幕分辨率发生变化，所有内容仍将保留？
我正在用Firefox浏览器和我自己制作的网页制作一个锁屏。我所做的是安装一个R-kiosk插件，强制Firefox全屏启动，将我的网页设置为主页，并将其设置为在启动时运行。我的代码在笔记本电脑中运行良好，但我遇到了一个问题。如果浏览器大小或屏幕大小发生更改，则。。。好。。。一切。文本框的位置将远离我想要的位置。按钮也放错地方了。到目前为止，我得出的结论是：Javascript 我将如何定位网页中的所有内容，以便即使浏览器大小或屏幕分辨率发生变化，所有内容仍将保留？,javascript,css,html,Javascript,Css,Html,我正在用Firefox浏览器和我自己制作的网页制作一个锁屏。我所做的是安装一个R-kiosk插件，强制Firefox全屏启动，将我的网页设置为主页，并将其设置为在启动时运行。我的代码在笔记本电脑中运行良好，但我遇到了一个问题。如果浏览器大小或屏幕大小发生更改，则。。。好。。。一切。文本框的位置将远离我想要的位置。按钮也放错地方了。到目前为止，我得出的结论是： <!DOCTYPE html> <html> <head> <meta http-equiv="
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LogIn</title>
<style>
body{margin:0; padding: 0;}
.bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -5000;
}
table {
width: 100%;
border: 0;
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript">
function cia(){
if ((document.getElementById('pass').value == "amethyst")){
document.getElementById('audio').play();
document.login.src="loading.gif";
setTimeout('window.close()',8000);
}
else{
alert('Error! Invalid combination. Please try again.');
location.reload();
}
}
</script>
</head>
<body><div align="center"><img src="img.jpg" class="bg"/></div><form name="formL" id="formL"><table>
<tr><td height="413">  </td></tr>
<tr>
<td width="49%" height="45"> </td>
<td width="51%"><input id= "un" type="text" value="MidGuardiaN"/></td>
</tr>
<tr>
<td width="49%"> </td>
<td width="51%"><input id="pass" name="pass" type="password" value="" autofocus="autofocus" onKeydown="Javascript: if (event.keyCode==13)cia();"/></td>
</tr>
</table>
<table>
<tr>
<td width="49%"> </td>
<td width="51%"><a href="javascript:;" onClick="cia()" > <img name="login" src="login.png"/></a></td>
</tr>
</table>
</form>
<audio id="audio" src="welcome.mp3" ></audio>
</body>
</html>
登录
正文{margin:0；padding:0；}
.bg{
宽度：100%；
身高：100%；
位置：绝对位置；
排名：0；
左：0；
z指数：-5000；
}
桌子{
宽度：100%；
边界：0；
保证金：0；
填充：0；
}
函数cia（）{
if（（document.getElementById（'pass'）。value==“amethyst”））{
document.getElementById（'audio'）.play（）；
document.login.src=“load.gif”；
setTimeout（'window.close（）'，8000）；
}
否则{
警报（'错误！无效组合。请重试'）；
location.reload（）；
}
}