设为首页收藏本站
切换到宽版

立即注册PayPal并开始接受信用卡付款。
搜索
Naale Money Maker Community»Home › Network Resource & Computer Technology › Web Developers Resource And Discussion › 让您的网页自动适应各种分辨率
返回列表 发新帖
打印 上一主题 下一主题

让您的网页自动适应各种分辨率

[复制链接]
查看: 11926|回复: 4
打印 上一主题 下一主题

让您的网页自动适应各种分辨率

[复制链接]

3192

主题

1

好友

-76

积分

Administrator

Rank: 9Rank: 9Rank: 9

贡献
891
金钱
51631
积分
-76
帖子
34437
跳转到指定楼层
1楼
admin 发表于 2009-4-26 04:54 |只看该作者 |倒序浏览
百度搜索出来的答案:
  1. 如果是用表格来控制布局的话
  2. 所有的内容可以放在一个表格里面，如下
  3. <table width="80%" border="1" align="center">
  4. <tr><td></td></tr>
  5. </table>
  6. 这样把要显示的内容放在<td></td>的中间无论怎么变分辨率，内容总是居中，而且宽度的比例总是相对于屏幕80%
复制代码


本人未经测试
分辨率, 网页, 自动

相关帖子
回复

使用道具 举报

3192

主题

1

好友

-76

积分

Administrator

Rank: 9Rank: 9Rank: 9

贡献
891
金钱
51631
积分
-76
帖子
34437
2楼
admin 发表于 2009-4-26 05:03 |只看该作者
1# admin

百度搜索的另一答案:
  1. <script LANGUAGE="JavaScript">
  2. <!-- Begin
  3. function redirectPage() {
  4. var url640x480 = "http://www.163.com/";
  5. var url800x600 = "http://www.toto369.net/";
  6. var url1024x768 = "http://www.sina.com/";
  7. if ((screen.width == 640) && (screen.height == 480))
  8. window.location.href= url640x480;
  9. else if ((screen.width == 800) && (screen.height == 600))
  10. window.location.href= url800x600;
  11. else if ((screen.width == 1024) && (screen.height == 768))
  12. window.location.href= url1024x768;
  13. else window.location.href= url640x480;
  14. }
  15. // End -->
  16. </script>


  19. <body onload="redirectPage()"></body>
  20. 只要把代码的那些网址改称你的网页网址就可以了
复制代码
回复

使用道具 举报

3192

主题

1

好友

-76

积分

Administrator

Rank: 9Rank: 9Rank: 9

贡献
891
金钱
51631
积分
-76
帖子
34437
3楼
admin 发表于 2009-4-26 05:04 |只看该作者

答案三：
  1. 如何让网页版面更适合浏览者呢?这里有技巧

  3. 刚做好网页的朋友们经常收到网友们的反馈，说自己的网页排版乱得一塌糊涂，或者被拉伸，或者被压缩，要不就是不能完整显示在屏幕内。这是为什么呢？因为通常初学者朋友都按照自己的屏幕分辨率对网页进行设计，但是却没有考虑到网友们可能使用了别的屏幕分辨率，以至于看起来版面混乱。
  4.     目前，网友们上网通常会采用800×600、1024×768两种分辨率，由于网页不是用来给自己看的，所以我们必须让自己的网页能够兼顾这两种情况，让不同分辨率设置的网友都能够看到一个排版美观正确的网页。下面就介绍几种常用的方法，特别说明一下除非你的网站是艺术类的，有特别需求，通常我们都会首先照顾分辨率设置为800×600的大众化标准。
  5.     一、 自然拉伸
  6.     如果你的网站结构没有用到大量的图形来衔接，主要靠表格来定结构，那么你就可以使用该方法。非常适用于主要靠表格、文字来表达信息的简单的网页页面。
  7. 制作表格时，只要你把表格的宽度属性定义为100% ，表格就会根据分辨率的不同自行调整宽度。
  8.     二、 固定居中
  9.     自然拉伸法的好处自不必说，可以总是充满整个屏幕，但是弱点也很明显：一来如果网页版面复杂，各图形元素之间有精确的的定位关系，一旦拉开或者压缩就会彻底变形；二来即使版面不太复杂，文字行数亦不好控制。有时候分辨率一旦变化，要么太密，要么太挤，就失去了作者设计版面的意图了。所以目前各大网站普遍采用的方法是固定居中法！
  10. 该方法的制作方法很简单。在制作最大的表格时，把表格属性的宽度像素定义为一个固定数值，并且让表格居中即可。以后制作的表格，就会限定在这个表格之内，永远都不会超出800×600分辨率的屏幕，网页的大小相当于固定死了。当浏览者使用1024×768的分辨率浏览网页时，屏幕两边就会留下白边，看起来觉得比较自然。
  11.     三、 兵分两路
  12.     如果你的网页不经常更新，而且对页面效果极其在意，那好，你就设计两个页面，分别对应800×600和1024×768两种分辨率。把这两个首页文件分别命名为index800.htm和 index1024.htm 。然后在空白的索引页index.htm中的中加入以下代码：
  13. <script language="JavaScript1.2">
  14. <!--
  15. if (screen.width==800||screen.height==600) //if 800x600
  16. window.location.replace("index800.htm")

  18. se if (screen.width==1024||screen.height==768) //if 1024x768
  19. window.location.replace("index1024.htm")

  21. lse //if all else
  22. window.location.replace("http://index1.asp" )

  24. /-->

  26.     这样，当访问者打开你的索引页时，系统就会判断访问者的屏幕分辨率，然后转到相应的首页。
复制代码
回复

使用道具 举报

0

主题

0

好友

12

积分

Mod

Rank: 7Rank: 7Rank: 7

贡献
0
金钱
4448
积分
12
帖子
4057

VIP会员勋章 最佳优秀荣耀勋章 论坛核心会员 贵宾勋章 雷峰精神奖 总版主勋章

4楼
hill888 发表于 2009-4-26 12:31 |只看该作者
晕 咋这么多呢？
PM: U2707978        ZFB:[email protected]
  请大家有时间多多支持啊!
回复

使用道具 举报

头像被屏蔽

0

主题

0

好友

9002

积分

Banned

神机妙算，料事如神

贡献
-10
金钱
2068
积分
9002
帖子
1767

VIP会员勋章 论坛核心会员 特殊贡献勋章 灌水天才奖

5楼
赚赚赚赚 发表于 2009-4-26 19:50 |只看该作者
提示: 作者被禁止或删除 内容自动屏蔽
签名被屏蔽
回复

使用道具 举报

返回列表 发新帖
 懒得打字嘛，点击右侧快捷回复【左侧自定义内容】  【右侧自定义内容】
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | Register

Mobile|Archiver|Naale Community

GMT+8, 2024-4-23 22:35 , Processed in 0.024806 second(s), 12 queries , Apc On.

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部