打印

让网页适应不同分辨率

erik168

闪吧成员

Rank: 8 Rank: 8

帖子: 2785
积分: 478
技术分: 164
来自: 我是烂货
在线时间: 13 小时
注册时间: 2001-10-5

1^# 大中小发表于 2002-1-3 23:53 只看该作者

让网页适应不同分辨率

这种方法比较简单地，西西。大家可以根据自己地要求改。
做3个页面，分别命名为“640480.htm”“800600.htm“1024768.htm”，3个页面分别为三种分辨率下浏览的页，然后index.htm的原代码如下：
<html>
<head>
<script LANGUAGE="JavaScript">
<!--Begin
  function redirectPage(){
  var url640x480="640480.htm";
  var url800x600="800600.htm";
  var url1024x768="1024768.htm";
  if((screen.width==640)&&(screen.height==480))
window.lacation.href=url640x480;
  else if((screen.width==800)&&(screen.height==600))
window.lacation.href=url800x600;
  else if((screen.width==1024)&&(screen.height==768))
window.lacation.href=url1024x768;
  else window.lacation.href=url800x600;
  }
//End--!>
</script>
</head>
<body OnLoad="redirectPage();">
</body>
</html>

TOP

mlfog

闪吧成员

Rank: 8 Rank: 8

帖子: 844
积分: 149
技术分: 60
在线时间: 0 小时
注册时间: 2001-9-25

2^# 大中小发表于 2002-1-4 03:13 只看该作者

这样是在INDEX就直接完成判断和显示了吗？？
如果是这样也不错。

TOP

我说我是我就是

闪吧成员

Rank: 8 Rank: 8

帖子: 917
积分: 343
技术分: 246
在线时间: 1 小时
注册时间: 2001-11-26

3^# 大中小发表于 2002-1-4 05:42 只看该作者

Re:让网页适应不同分辨率

对，在index做判断，分别指向三个不同的页面

TOP

capgirl

注册会员

Rank: 2

帖子: 60
积分: 13
技术分: 5
在线时间: 0 小时
注册时间: 2002-10-8

4^# 大中小发表于 2003-3-8 00:00 只看该作者

回复：让网页适应不同分辨率

我想问一下，做了“640480.htm”“800600.htm“1024768.htm”三个不同分辨率的首页后，那其他页面是按哪个分辨率做呢？

TOP

xiaowen5566

注册会员

Rank: 2

帖子: 73
积分: 15
技术分: 4
在线时间: 0 小时
注册时间: 2002-12-26

5^# 大中小发表于 2003-3-8 04:04 只看该作者

Re:让网页适应不同分辨率

我做了一个网页是800*600的而我要在1024*768看，它的效果是居中的可是不知为什么虽然居中了但是是在页的顶端而不是正居中？这该怎么调呢？

TOP

long357

中级会员

Rank: 3 Rank: 3

帖子: 1414
积分: 168
技术分: 11
来自
在线时间: 52 小时
注册时间: 2003-2-8

6^# 大中小发表于 2003-3-8 08:14 只看该作者

Re:让网页适应不同分辨率

我都看別人做過一次的
原理大概知道
但是好象跟你的不一樣哦

TOP

long357

中级会员

Rank: 3 Rank: 3

帖子: 1414
积分: 168
技术分: 11
来自
在线时间: 52 小时
注册时间: 2003-2-8

7^# 大中小发表于 2003-3-8 08:15 只看该作者

Re:让网页适应不同分辨率

能否給你示例我看看

thank u

TOP

不死书生

注册会员

Rank: 2

帖子: 5
积分: 5
技术分: 4
在线时间: 0 小时
注册时间: 2003-3-2

8^# 大中小发表于 2003-3-8 19:23 只看该作者

回复：让网页适应不同分辨率

俺是个新手,看了有点晕忽忽.能否再说详细点,3q3q3q

TOP

ayyben

注册会员

Rank: 2

帖子: 259
积分: 41
技术分: 11
在线时间: 0 小时
注册时间: 2003-1-1

9^# 大中小发表于 2003-3-9 22:28 只看该作者

Re:让网页适应不同分辨率

偶觉得在页面中使用百分比来控制表格长度也不错。这样，不论分辨率多大，似乎都能适应。

TOP

ceehoo

注册会员

Rank: 2

帖子: 63
积分: 13
技术分: 4
在线时间: 0 小时
注册时间: 2002-12-29

10^# 大中小发表于 2003-3-10 02:46 只看该作者

Re:让网页适应不同分辨率

刚试了一个，出错耶！不知道哪里有问题，除了这方法还有别的方法么？谢谢

TOP

linhaiyan

注册会员

Rank: 2

帖子: 65
积分: 12
技术分: 4
在线时间: 0 小时
注册时间: 2003-2-28

11^# 大中小发表于 2003-3-10 17:05 只看该作者

Re:让网页适应不同分辨率

我是个新手，没发现什么

TOP

Much

新手上路

Rank: 1

帖子: 1
积分: 4
技术分: 4
在线时间: 0 小时
注册时间: 2003-3-7

12^# 大中小发表于 2003-3-10 18:47 只看该作者

Re:让网页适应不同分辨率

是不是每一页都要做3种分辨率的？

TOP

水灵儿

注册会员

Rank: 2

帖子: 117
积分: 24
技术分: 9
在线时间: 0 小时
注册时间: 2002-11-12

13^# 大中小发表于 2003-3-10 22:43 只看该作者

Re:让网页适应不同分辨率

出错的哦

TOP

Aaron Free

注册会员

Rank: 2

帖子: 102
积分: 15
技术分: 4
在线时间: 0 小时
注册时间: 2003-3-6

14^# 大中小发表于 2003-3-10 23:44 只看该作者

Re:让网页适应不同分辨率

累哟，还要做几种版式。

还是做一个800＊600的来居中不就完了啥。。。

TOP

笑月修罗

注册会员

Rank: 2

帖子: 231
积分: 41
技术分: 15
在线时间: 0 小时
注册时间: 2002-7-6

15^# 大中小发表于 2003-3-12 03:58 只看该作者

Re:让网页适应不同分辨率

http://www.szrock.com/

首页就是这样判断的

TOP

蓝叶子

注册会员

Rank: 2

帖子: 17
积分: 6
技术分: 4
在线时间: 0 小时
注册时间: 2002-9-18

16^# 大中小发表于 2003-3-12 18:13 只看该作者

Re:让网页适应不同分辨率

呵呵，典型的加重网页设计和制作者的工作量，如果每一个页面都这样，活多，我不要累死呀，不过做形象页面，这个方法到是很好

TOP

klpp

注册会员

Rank: 2

帖子: 296
积分: 53
技术分: 20
在线时间: 0 小时
注册时间: 2002-8-30

17^# 大中小发表于 2003-3-12 22:36 只看该作者

Re:让网页适应不同分辨率

我原来就是用这种方法的，后来觉得太麻烦啦：（

就改用778X*了。。。。。。。。。。

640X480让他拉滚动条去吧，谁让他用那么差的显示器
800X600正好，满足大多数人的需要
1024X768也不错阿，广告里不是说要留白吗

TOP

gwx

注册会员

Rank: 2

帖子: 263
积分: 35
技术分: 5
在线时间: 0 小时
注册时间: 2002-9-27

18^# 大中小发表于 2003-3-13 01:53 只看该作者

Re:让网页适应不同分辨率

各位大哥，还有没有别的办法吗？小弟也遇到了这样的问题

TOP

zhumuxiang

注册会员

Rank: 2

帖子: 211
积分: 29
技术分: 0
在线时间: 3 小时
注册时间: 2003-4-21

19^# 大中小发表于 2003-5-22 23:42 只看该作者

怎么这么烦啊，用FLASH做一个全屏，应该在那里都大小一样吧？

TOP

right

注册会员

Rank: 2

帖子: 38
积分: 5
技术分: 1
在线时间: 0 小时
注册时间: 2003-4-7

20^# 大中小发表于 2003-5-23 06:04 只看该作者

没必要吧，用800×600就好了

TOP

ROX123

新手上路

Rank: 1

帖子: 17
积分: 2
技术分: 0
在线时间: 0 小时
注册时间: 2003-5-11

21^# 大中小发表于 2003-5-23 17:06 只看该作者

用一个大表格来做,再把那表格居中不就行了吗?如果每个页面都做3个的话,只会增加自己的工作量,更何况如果空间有限的话,就更麻烦了.

TOP

银色长笛

注册会员

Rank: 2

帖子: 595
积分: 72
技术分: 8
在线时间: 6 小时
注册时间: 2001-11-13

22^# 大中小发表于 2003-5-23 18:28 只看该作者

你这个有一定的bug，如果用户用的分辨率是1152*864怎么办，呵呵我改了下
<script LANGUAGE="javascript">
if (screen.width==800){top.location.replace(’800/index.htm’)} else if (screen.width==1024){top.location.replace(’1024/index.htm’)} else alert(’请使用800*600或1024*768浏览本页’); </script>
总于显示出来了~~~~
[em03]

[此贴子已经被作者于2003-5-23 11:44:16编辑过]

TOP

银色长笛

注册会员

Rank: 2

帖子: 595
积分: 72
技术分: 8
在线时间: 6 小时
注册时间: 2001-11-13

23^# 大中小发表于 2003-5-23 18:43 只看该作者

[此贴子已经被作者于2003-5-23 11:47:35编辑过]

TOP

syhhlc

游客(注册未发帖)

Rank: 1

帖子: 3
积分: 0
技术分: 0
在线时间: 0 小时
注册时间: 2003-5-23

24^# 大中小发表于 2003-5-23 20:46 只看该作者

下面这个网页就是自适应效果，他没有复杂的js代码 http://www.fangxun.net

TOP

seatahai

新手上路

Rank: 1

帖子: 7
积分: 2
技术分: 1
在线时间: 0 小时
注册时间: 2004-11-18

25^# 大中小发表于 2004-11-27 20:28 只看该作者

我还是觉得ROX123朋友的方法即简单又方便

TOP

clover4982

新手上路

Rank: 1

帖子: 36
积分: 4
技术分: 0
在线时间: 4 小时
注册时间: 2004-8-29

26^# 大中小发表于 2004-11-30 07:00 只看该作者

那有没有办法做让网页根据不同分辨率自动套用CSS的啊？多做2、3倍的page有点..........

TOP

花子狗

注册会员

Rank: 2

帖子: 587
积分: 86
技术分: 13
在线时间: 29 小时
注册时间: 2004-4-7

27^# 大中小发表于 2004-12-1 04:16 只看该作者

以下是引用Aaron Free在2003-3-10 15:44:00的发言：
累哟，还要做几种版式。 <BR> <BR> 还是做一个800＊600的来居中不就完了啥。。。

呵呵，我用的也是这种方法

TOP

lxnet

游客(注册未发帖)

Rank: 1

帖子: 4
积分: 0
技术分: 0
在线时间: 0 小时
注册时间: 2004-12-1

28^# 大中小发表于 2004-12-1 04:53 只看该作者

这样做并不好
这段代码只是判断用户的分辨率，然后转到不同的已做好的页面
其实要嘛全用100%表格大小，要嘛用固定宽度就行了

TOP

一个白痴

新手上路

Rank: 1

帖子: 33
积分: 3
技术分: 0
在线时间: 0 小时
注册时间: 2004-11-10

29^# 大中小发表于 2004-12-1 11:43 只看该作者

还行

TOP

zyjun

新手上路

Rank: 1

帖子: 8
积分: 1
技术分: 0
在线时间: 0 小时
注册时间: 2004-4-26

30^# 大中小发表于 2005-4-12 18:53 只看该作者

有没有更简单的

TOP

让网页适应不同分辨率

让网页适应不同分辨率

Re:让网页适应不同分辨率

回复： 让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

回复： 让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

Re:让网页适应不同分辨率

回复：让网页适应不同分辨率

回复：让网页适应不同分辨率