如何让页面自适应显示器大小?

[HL20913538]

比如页面会跟根据显示器是15寸，17寸，宽屏，正屏自动调整。
高分请较web达人？
谢谢！！！

[老紫竹]

1 width 使用 100%而不是指定固定的宽度
2 使用 js 读取屏幕的宽度和高度，然后调整显示的页面参数。

[jabeginner]

外层框架都用百分比来表示就可以啦
不过有个问题就是，内层数据的显示可能会出现变形

[kokobox]

按照百分比可以

用js判断的话：

function openUrl(url){
		if(screen.width <= 800){
         window.open(url,"",
            "titlebar=yes,fullscreen=no,dependent=yes,height=600,width=800,top=0,left=0,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,channelmode=no,status=no,location=no,directories=no");
		 }
		 else{
	         var top_position = (screen.width - 800) / 2;
			 var left_position = (screen.height - 600) / 2;
	         window.open(url,"",
	             "titlebar=yes,fullscreen=no,dependent=yes,height=600,width=800,top="+top_position+",left="+left_position+",toolbar=no,menubar=no,scrollbars=yes,resizable=yes,channelmode=no,status=no,location=no,directories=no");
	     }
		return ;
}

[wj121284]

用screen.width,screen.height 获取长宽

[sagezk]

CSS 就可以，宽度设置成百分比值，例如 table {width: 100%;}

[sagezk]

或者先用楼上方法读取到用户屏幕分辨率，然后根据分辨率自动选择适合的样式表文件来对网页布局。

[ldy214]

没试过 学习

[Even__Chung]

16:9
4:3
参照高清
可以做出来
也很简单的
我也是新手
只能给你一点小的意见!
祝你好运
早日把问题解决!

[waitgod]

取相对宽度
不要使用绝对的数值

[wudileiyu]

用js获取屏幕宽度和高度：
window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)

[胡矣]

设定100%即可
不要写固定的像素点

[baobao28]

function openUrl(url){

var h= screen.width;
var w= screen.height-30;//去掉任务栏的高度（忘记用不用去掉IE工具栏高度了，此高度自行设定）
window.open(url,"",
"titlebar=yes,fullscreen=no,dependent=yes,height=h,width=w,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,channelmode=no,status=no,location=no,directories=no");
return ;
}


更正一下4楼的回复，他限定到800×600的窗口大小了，楼主的想法是根据当前分辨率来设置大小

[ky000]

JavaScript么？
用screen.width和screen.height
eg：
if((screen.width==1024)&&(screen.height==768))
。。。。。。


在html中width="100%"和height="100%"这样用百分号就可以了阿