这10000元，我想赚 [:-M]

xyh

首先贴一下沧海兄的问题，让错过问题的朋友再看一看。这个问题主要涉及到网友电脑显示器不同的分辨率造成不同的显示效果。下面是沧海的问题：

 

各位提出问题的朋友们好！   上贴时间: 2008-3-9 8:51:38 (北京时间: 2008-3-9 20:51:38)   文章来源: 沧海一粟®   （给该用户: 发私人信件   赠送礼物）   用户信息: 积分: 1354    现金: 15元 （更多个人信息）   用户博客: 66 篇

[ 音乐欣赏 首页 ] [ 回复此贴 ] [ 加入博客 ] [ 回 顶顶华闻 主页 ] [ 编辑修改 ] [ 删除此贴 ]

哈哈哈哈哈，，，各位提出问题的朋友们好！ 其实这些既简单又复杂的议案，理应由xyh兄来回答就最恰当不过！ 俺正担心他的胆量够不够呢； 俺现在就出10000大元做花红，如果新兄能完美解答各位朋友们的疑难，俺这辈子就算是奉送给华闻了！ 俺将终身忽悠在论坛，发贴、赚钱、卖身兼还债！！！

 

对于不熟悉该问题的朋友，请看这个：

 

http://www.ddhw.com/listo.aspx?topic_id=16&msg_id=36901&level_string=0z12&page=1

 

 

先来说说大道理：

 

网页的设计要考虑的两个主要问题是：

 

·用户屏幕的分辨率

·用户的浏览器类型

 

我注意到这里的一些帖子，如果用firefox 浏览器浏览会有问题。好在使用firefox的人不多，大约是10%~20%。国内用户用firefox 的人更少，好像少于 5%

 

关于分辨率问题：

我注意到顶顶主页，顶顶个人博客主页的宽度是固定的（1000 pixel 左右）。很显然这是为 1024x768分辨率而设计。如果你使用高分辨率显示器，你会发现宽度也一样，没有变化。因为高分辨率现实的内容会增多（也就是文字会变小），所以高分辨率用户会发现，顶顶主页，顶顶个人博客主页 两边/或者是右边 多出了空白。

 

有趣的是顶顶论坛列表，论坛帖子页面的宽度与主页不同，它们不是固定的。这些页面会始终占领屏幕的整个宽度。也就是说，对于高分辨率的显示器，显示的区域会占领这个屏幕，显示的更宽，看到的内容更多。

 

这样问题就来了

1、如果你使用高分辨率显示器。例如沧海，还有我们的老斑竹 troy1066(?)  

你们在制作帖子的时候，很可能会使用设定宽度的边框（width=.....）。这个时候，你们就应该考虑到，这个宽度不能大于750 pixel （大概的数值）。如果你设定帖子某个边框的宽度为 900，你自己看效果可以很好，因为你的显示器可以显示1280宽度（去掉两边120x2，帖子内容的宽度，你们可以看到1000）。但是对于那些分辨率为1024x768的用户来说，他们看你们的帖子就需要使用横向的滚动条，因为他们显示的宽度为1024（去掉两边120x2，也就是剩下750多一点的宽度。）

 

2、对于使用1024x768的用户。使用这种分辨率的用户是大多数。一般来说，你们制作的帖子，只要你们自己可以正常浏览，那些高分辨率的用户也应该可以正常浏览。（有例外，请看下面）

 

3、一些注意事项

无论你使用那种分辨率，在制作帖子的时候，使用position:absolute  style 要小心。例如，沧海兄提到的遥遥的那个帖子就是这个问题：

文字部分用了 position:absolute来修饰 （也就是绝对的固定了文字的位置）。然后边框图片内容用了相对的位置（ tag）来修饰。

 

因为遥遥用的是1024x768，用了 选定了图片/边框等位置。然后用了 position:absolute 修饰了文字的绝对位置。所以，代码这样的用法，只能在1024x768 分辨率的情况下正常显示。如果用高分辨率（1280x1024）显示，就会出现错位。因为这样的显示器center 的位置不是 1024/2， 而是 1280/2

 

解决的办法不难。只要把文字放在图片/边框所用的

或者

里面就行了。这个可以参考蝴蝶等网友的帖子。

 

 

另外，如果你用的是桌面电脑。如果你的显示器>=17英寸液晶显示器。那么你最好使用1280x1024。这样的显示效果极佳，画面很清爽，很sharp。因为硬件要求最好使用这种分辨率。而且你一旦使用这种分辨率。要不了几天，你会很喜欢它，不会再想改回去了。

 

当然你可以使用习惯了的，广受欢迎的 1024 x 768 分辨率。 

 

xixi...

  天啊 10000元 ！！ 我怎么就没这个本事赚啊 眼睁睁看着10000元，只有眼馋的份

haha...

  haha... haha... haha...

haha...

  赚到钱... 别忘了分haha...一点点哈...

xyh

还有，我上周的有奖猜歌，可能需要破费，正愁没钱呢。所以一直没有颁奖，哈哈，现在有了

xixi...

两个人现在就开始商量分钱了 我决不稀罕钱了 你们俩化钱为歌 每人送我一首歌吧     本贴由[xixi...]最后编辑于：2008-3-9 22:37:45

有人说

  有人说 xyh = xixi... 与 haha...

佛娃

让您的液晶显示器高效发力   任何一位电脑爱好者，几乎每天都会与LCD显示器进行“零”距离接触，而LCD显示器的性能好坏直接与我们的视觉感受息息相关。 遗憾的是，许多用户往往忽视对LCD显示器性能的调教，这不但不利于LCD显示器高效发力，从而影响它的使用寿命，

月露花浓

月露花浓

嗬嗬，好玩！！我看小字体看惯了，同事都说我的屏幕字体太小了看不清。。。

steve

  做表啦，全都放在个格里。

定死了就可以 www.ddhw.org--- 给各位拜年，大家牛年平安、吉祥、康乐！”

遥遥

谢谢xyh老师的 解答，，，，，，，， 也谢谢其他朋友的 。。。。     我刚才试用了1280x1024。。突然感觉字变的很小，，，不习惯 了 。。。   想请问老师，如果我用1280x1024做贴，是不是1024 x 768 分辨率的朋友看的帖就不全，要用滚动条。。   如果这样，我还是用1024 x 768 分辨率来做贴。。。。。。   www.ddhw.org---

遥遥

下面是我在别的地方看到的，，转过来，给大家参考：   我们做帖子经常会遇到在帖子里希望的位置嵌入漂亮的FLASH动画、图片、播放器等等，但是我经常看到有的会员说帖子预览时位置是好的，可是发帖后位置又偏移了，要反复的修改才准确定位。那么如何真正精确的定位呢？使得帖子预览时FLASH位置或播放器位置于发帖后的位置一样，丝毫不偏移呢？下面我说说关于css里的 position 属性。　　position 有三个值，static（静态）、relative（相对）、absolute（绝对）；由于static是所有页面元素的默认值，因此设置元素的定位类型时几乎不用这个值，除非用于覆盖之前的定义。 对于后两者，一般应用：在一个相对定位的元素A里面放置一个绝对定位的元素B，那么不管A的位置如何移动变化，B相对于A的位置就总是不会变的，也就是说，不管你的你帖子的位置在欣赏帖子的页面里如何变化（或左对齐、或右对齐、或居中等），帖子里已经定位的FLASH位置或播放器位置就始终不会变的（我不知道这样说能不能说明白）。下面举例说明：这是整个帖子的内容。。。这是整个帖子的内容。。。这是整个帖子的内容。。。这是整个帖子的内容。。。这个是假如嵌入的FLASH的位置这个是假如嵌入的播放器的位置 上面效果的代码：[拷贝下面代码] -------------------------------------------------------------------------------- 这是整个帖子的内容。。。 这是整个帖子的内容。。。 这是整个帖子的内容。。。 这是整个帖子的内容。。。 这个是假如嵌入的FLASH 的位置 这个是假如嵌入的播放器 的位置 　　上面代码里的：style="position:absolute; left:50px;top:200px; width:200px; height:50px; background:#333333; color:#ffffff; padding:5px;就是你要精确定位的FLASH或播放器的位置的设置，其中 position:absolute;就是相对于整个帖子的绝对位置的意思，left:50px;top:200px;就是要精确定位的FLASH或播放器离开帖子左边线和顶边线的距离width:200px; height:50px; 就是要精确定位的FLASH或播放器的宽度和高度值。background:#333333; color:#ffffff; padding:5px;分别是背景颜色、字体颜色、边距，这些只和文字内容有关，与定位无关，一般FLASH或播放器定位不需要用这些，这个位置的设定大家一般都会的，都能理解的。　　代码里最关键的是 style="position:relative ，它可以放在TD标签里、也可以放在TR标签里、也可以放在table标签里。本例是放在TD标签里。如果没有这个 style="position:relative 那么你定位好的 FLASH或播放器的位置就不是相对于帖子的绝对位置了，而是相对于整个页面的位置了，就容易偏移或跑动了，就不准确了，这个就和不同的浏览器、不同的页面代码、不同的电脑屏幕分辨率等有关系了，也许你定位是准确的位置，可是别人打开帖子看就可能FLASH或播放器位置偏移了，因为你定位的参考位置不是你的帖子边线。这是问题的关键所在。　　如果你不信，你可以做个简单的实验，把上面的代码复制粘帖到帖子调试里预览试试，帖子调试地址：【帖子调试】 先粘帖后不作任何修改，预览看看，FLASH或播放器的位置是在帖子里的某个位置的，然后你删除TD里的style="position:relative" 再预览看看，帖子位置没变，可是FLASH或播放器的位置就变了，看起来是偏移了很多。因为他们失去了帖子边线的参考位置，只能用整个页面做参考了。这个偏移就大了去了。不同的浏览器，不同的分辨率偏移量都不同，五花八门了。所以，你得记住：当A的position为relative时，B的position为absolute才有效。也就是说你得先设置一个参考位置，然后你定位的元素才会准确，relative、absolute 要结合起来用。   www.ddhw.org---

飞

  哈哈

www.ddhw.org---

沧海一粟

君子爱财！谁都一样！俺这就去找歌发贴赚钱。 两位班长快救救俺吧，那可是整整一万大元啊。 -------------------------  www.ddhw.com  -------------------------

xyh

  谢谢分享，说得很有道理

xyh

如果用1280x1024做贴 要注意的就是如果帖子里面有设定宽度（width），这个宽度不要大于 750 如果大于750，你自己看了效果很好，但是别人看了就需要滚动条了。   无论你使用1024 x 768 分辨率还是使用 1280x1024来做贴 如果使用了 position:absolute  代码就要小心。因为这个说明了所在屏幕的绝对位置。这有可能对不同分辨率有不同的显示效果。   最简单的方法就是，可以事先把你的显示器换成不同分辨率，预览看看效果。

xixi...

我可以给你精神上的支持