标准网页的平均分辨率(即像素宽度)是多少?
我刚刚完成网页的构建,正在尝试确定最佳布局应该是什么样子。我试图在主 div 的固定宽度(大约 1200 像素左右)和可变百分比宽度之间做出决定。我担心可变宽度在低于 1600 x 900 的较低分辨率下看起来会很糟糕。我假设 <如今 1600 X 900 分辨率非常罕见,但希望得到一些意见。
Quazi
回复:
感谢大家的宝贵意见。事实证明,我的问题源于使用可变 div 与固定宽度元素的混合。以较低分辨率观看完全是一场灾难。您的评论引导我走向正确的方向。谢谢
I just finished constructing web pages and am trying to decide what the optimal lay out should look like. I am trying to decide between a fixed width for my main divs (about 1200 pixles or so) and a variable percentage width. I worry that the variable width will look awful under lower resolutions of under 1600 by 900. I am assuming < 1600 X 900 resolution is pretty rare out there these days but would love some opinions.
Quazi
Re replies:
Thank you all for your valuable remarks. It turns out my problems stemmed from using a mixture of variable divs with fixed width elements. A total disaster for viewing at lower resolutions. Your comments led me in the right direction. thank you
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
Google 有一个浏览器大小页面,其中显示访问 Google 的用户的浏览器窗口大小的统计信息。您可以将任何网站覆盖在图表上,以查看在各种浏览器尺寸上可见的内容。
因此,虽然这是与整体屏幕分辨率不同的统计数据,但它表明许多人使用小型浏览器窗口查看网络 - 例如,30% 的人的窗口小于 1000 x 575 左右。
注意 - 统计数据显然是大约一年前的。
我第一次看到这个工具是在 此答案针对 Pro WebMasters SE 上的问题。
Google has a Browser Size page which shows statistics for the browser window size of people who visit Google. You can overlay any website over the graph to see what would be visible on various browser sizes.
So while this is a different statistic from overall screen resolution, it shows that many people view the web using small browser windows - e.g. 30% have a window smaller than 1000 x 575 or so.
Note - the statistics are apparently about a year old.
I first saw this tool mentioned in this answer to a question on the Pro WebMasters SE.
我认为网页的平均分辨率实际上只是显示器的平均分辨率。当我访问仅使用屏幕一小部分的网站时,我发现固定宽度布局有点烦人,但我理解为什么有些人这样做。在各种屏幕上正确显示它可能是一件非常痛苦的事情。
如果您想确保它在所有屏幕尺寸上看起来都不错,您可以针对不同的分辨率使用不同的样式表。或者您可以像亚马逊这样的网站一样使用 JavaScript 来更改布局。
I assume the average resolution for a web page is really just the average resolution for a monitor. I find fixed-width layouts kind of annoying when I go to sites that are only using a fraction of my screen, but I understand why some people do it. Getting it right on a wide range of screens can be a real pain.
If you want to make sure it looks good on all screen sizes, you can use different stylesheets for different resolutions. Or you can alter the layout using javascript as sites like amazon do.
最好在 CSS 上使用百分比大小。它适用于每个平台。
Be better to use percentage size on CSS.It good for every platform.