2010-10-18 97 views
0

我刚刚完成构建网页,并试图决定最佳布局应该是什么样子。我正在尝试为我的主div(大约1200像素左右)和可变百分比宽度之间确定一个固定宽度。我担心在1600以下的低分辨率下,可变宽度会显得很糟糕。我假设< 1600 X 900分辨率在这些日子里很罕见,但是会喜欢一些观点。什么是平均分辨率,即标准网页的像素宽度?

自动准

回复回复:

谢谢大家的宝贵意见。事实证明,我的问题源于使用具有固定宽度元素的变量div的混合。以较低分辨率观看的全部灾难。你的评论使我朝着正确的方向前进。谢谢

+0

我通常拍摄700-800宽...因为你永远不知道。 – Ben 2010-10-18 04:06:47

+1

重复,我想。请参阅http://stackoverflow.com/questions/456250/recommended-website-resolution-width-and-height。 FWIW,我运行了一些1152x864的机器,我们服务的机器型机器的1024x768分辨率。 – paxdiablo 2010-10-18 04:10:57

+0

看看这个工具。它会帮助你“看”你的网站,就像其他人一样。 http://browsersize.googlelabs.com/ – 2010-10-18 04:21:53

回答

4

Google有一个Browser Size页面,其中显示访问Google的用户的浏览器窗口大小的统计信息。您可以覆盖图表上的任何网站,查看各种浏览器尺寸可以看到的内容。

因此,虽然这是与整体屏幕分辨率不同的统计数据,但它显示许多人使用小型浏览器窗口(例如, 30%的窗户小于1000 x 575左右。

注 - 统计显然是大约一岁。

我第一次看到this answer中提到的这个工具的Pro WebMasters SE问题。

+0

browsersize.googlelabs.com/不再有效 – 2014-03-26 15:24:08

3

我假设网页的平均分辨率实际上只是显示器的平均分辨率。当我访问仅使用屏幕一部分的网站时,我发现固定宽度的布局令人讨厌,但我明白为什么有些人会这样做。在各种屏幕上正确使用它可能是一件非常痛苦的事情。

如果你想确保它在所有屏幕尺寸上看起来不错,你可以使用different stylesheets for different resolutions。或者你可以改变使用JavaScript的布局,像亚马逊这样的网站。

1

更好地使用CSS的百分比大小。它适用于每个平台。

+0

我'绝对'同意。:-) – Quazi 2010-10-18 06:05:28

相关问题