2.8w+
社区成员
- 主页
如何根据浏览器分辨率改变网页的设计
常常因为分辨率改变而网页变形了，用表格定位也没用。
请问怎样加入代码？下面这个是吗？能为我详细讲解一下代码的意思吗？
谢谢！
请问怎样加入代码？下面这个是吗？能为我详细讲解一下代码的意思吗？
谢谢！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
qiao198 2004-04-09
<script language="javascript">
if ((screen.width==1024)&&(screen.height==768))
{
document.write("<br>"+"<br>"+"<br>");
}
</script>
Aimar168 2004-04-09
现在人多了，请各位高手帮忙解释一下~~~~~~~~~
Aimar168 2004-04-09
怎么没人给我解释一下这段程序：
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
yinxiong2002 2004-04-09
用脚本程序，很简单的
<script language="javascript">
<!--
if(screen.width=800){
window.location="xxx.htm"; //分辨率800*600的页面
}
elseif(screen.width=1024){
window.location="xxx.htm"; //分辨率1024*768的页面
}
else{
window.location="xxx.htm"; //其它页面
}
-->
</script>
<script language="javascript">
<!--
if(screen.width=800){
window.location="xxx.htm"; //分辨率800*600的页面
}
elseif(screen.width=1024){
window.location="xxx.htm"; //分辨率1024*768的页面
}
else{
window.location="xxx.htm"; //其它页面
}
-->
</script>
Aimar168 2004-04-09
tddw（天地独我）说的是准备2个页面， yslcuk(yl)有点强制的味道。
如果都用width="100%"的话，界面肯定不好看~~~~
还有我上面写的代码到底有什么用，能否给我解释一下
如果都用width="100%"的话，界面肯定不好看~~~~
还有我上面写的代码到底有什么用，能否给我解释一下
zwonline99 2004-04-09
看看csdn和www.sina.com.cn的样子，您就知道这个问题有多难了
yslcuk 2004-04-09
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<script language="JavaScript1.2">
<!--
var correctwidth=800
var correctheight=600
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("本页最佳分辨率: "+correctwidth+"*"+correctheight+". 你当前的分辨率是:"+screen.width+"*"+screen.height+"。设置合适的分辨率才能取得最佳的显示效果！")
//-->
</script>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<script language="JavaScript1.2">
<!--
var correctwidth=800
var correctheight=600
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("本页最佳分辨率: "+correctwidth+"*"+correctheight+". 你当前的分辨率是:"+screen.width+"*"+screen.height+"。设置合适的分辨率才能取得最佳的显示效果！")
//-->
</script>
</body>
</html>
FlashK 2004-04-09
我感觉如果是用表格的话，你用相对大小就可以了 width="100%"
但是就害怕图片，因为图片都是按照一个尺寸做的，所以放大就可能失真，我暂时能想到的办法就是两套页面。
但是就害怕图片，因为图片都是按照一个尺寸做的，所以放大就可能失真，我暂时能想到的办法就是两套页面。
tddw 2004-04-09
<script language="javascript">
<!--
if(screen.width=800){
window.location="800*600的页面地址"
}
elseif(screen.width=1024){
window.location="1024*768的页面地址
}
else{
程序名
}
-->
</script>
<!--
if(screen.width=800){
window.location="800*600的页面地址"
}
elseif(screen.width=1024){
window.location="1024*768的页面地址
}
else{
程序名
}
-->
</script>
Aimar168 2004-04-09
怎么都没人回答？自己顶一下
Aimar168 2004-04-08
上面这个代码，我市从别的网站拷贝过来的，好像是根据浏览器的种类而改变的，Netscape与IE之分，但看不太懂。你说用screen.width获取分辨率后怎么写代码？能否说具体点
smoked 2004-04-08
什么代码？
我了解的是用 screen.width 获得客户端分辨率，再进行相应的处理
我了解的是用 screen.width 获得客户端分辨率，再进行相应的处理
Aimar168 2004-04-08
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
