我正在开发一个网站。 我听说最好有一个固定宽度的网站。 什么可能是我可以分配给我的网站的最佳固定宽度?网站固定宽度
网站固定宽度
回答
由于Yahoo says:
* #doc - 750px centered (good for 800x600)
* #doc2 - 950px centered (good for 1024x768)
* #doc3 - 100% fluid (good for everybody)
* #doc4 - 974px fluid (good for 1024x768)
我建议使用雅虎的风格和听从他们的建议。 另一个有用的资源是w3schools.com的Display Browser Statisics。
你从哪里听到的?一个固定宽度的网站带来了这样的问题,即它在大多数情况下只适合宽度适合的屏幕。想想一个固定宽度为768px的网站,该页面将如何看待1920x1200的分辨率?
您应该开发可以使用浏览器分辨率进行扩展的网站。
同意。除非您需要像素精确设计或有其他要求,否则您的网站应该与浏览器一起扩展。 – 2009-12-08 07:30:20
但开发网站的%和em将花费比像素更多的时间。你无法调整图像大小。 – 2009-12-08 07:33:14
你应该只在客户需要时才开发可扩展的网站。 – 2009-12-08 07:34:50
理想情况下,您的网站应该与屏幕分辨率的宽度成比例。但是在大多数情况下这很困难。由于大多数用户仍然使用1024x768分辨率,所以任何宽度都可以使所有内容在这样的屏幕上显示而不需要滚动,这是一个很好的宽度。
虽然我同意那些说可变宽度有好处的人的观点,但我发现除非有重要的内容,否则当一个网站伸展时,随着宽度的扩大,内容会变得很稀疏。仅仅因为这个原因,我的许多客户都要求固定宽度的皮肤。缩小网站可以帮助构建内容并保持更“恒定”的外观(当这是一个问题时)。通常,在设计固定宽度网站时,我使用W3C的统计数据来获得最流行的分辨率。目前,我一直在设计〜980像素宽,这允许1028宽,与滚动条和一些背景仍然可以看到。不过,随着更多人采用宽屏幕显示器,我注意到统计数据向更广泛的分辨率转移。
但是,它确实会降低到您认为适合网站,内容和客户端的程度。
这是一个可能会派上用场的小黑客。在较大的屏幕上,我发现没有100%的宽度是好的,因为水平眼睛滚动的数量比舒适的多。关于A4或大容量页面是人们喜欢的内容宽度。
但是,在非常小的屏幕上,如果将宽度设置为70%或80%,则会浪费宝贵的屏幕分辨率。因此,锻炼什么是你允许的最小像素宽度 - 为了说明的缘故,假设它是800px。
创建一个与您的背景颜色相同的1x1像素图像。然后把这个图像放到你的内容窗格(div,table,无论你用于布局),但设置width =“800px”height =“1px”,这将强制你的内容总是至少800px宽,但不覆盖全屏宽度大于800像素的分辨率。
正如我所说这是黑客攻击,它可能会或可能不是你正在寻找的。
这是一个旧的学校黑客,我不会推荐。如果您需要使用最小宽度定义最小值 - IE6是唯一不支持此标签的普通浏览器。请记住为iPhone等设备配置视口。 http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509 – 2009-12-08 08:07:52
因为网站可以出现在任何数量的浏览器,任何数量的设备上,以任意数量的分辨率(电话,上网本或电影屏幕?),固定宽度就是一团糟。 Kludges可以工作,但是为了一个目的而设计会更好,而不是决定一些任意的规则,然后坚持到底,而不知道为什么。
不要只用1024px,因为大多数人可以在大多数情况下处理。知道你想要达到的目标,并用它来告知你的决定。
那么,你是谁的目标,你想让他们做什么?
960 Grid System认为960像素是明智的选择,因为数量有这么多除数。我不确定我是否同意,但他们确实在他们的网站上有令人印象深刻的演示网页列表。
您可以在页面底部找到指向流体替代品的链接。
根据我的经验,固定与流体的争论似乎是设计师与程序员的讨论。设计人员通常更喜欢固定的布局,因为这会给他们更多的控制权,而程序员通常更喜欢流体布局,因为通过设置浏览器窗口的宽度,他们可以选择他们想要的宽度。
这种问题确实与主题/模板有关,如果您使用像drupal这样的CMS(以及其他许多CMS),可以灵活处理以提供您所需的任何内容。固定或流体 - 无论如何。你甚至可以让你的用户决定。
- 1. (固定宽度)vs(可变宽度)网站设计
- 2. 固定宽度或基于百分比的网站设计
- 3. 固定宽度格
- 4. fancybox2固定宽度
- 5. 跨度的固定宽度?
- 6. 固定宽度div div宽度div?
- 7. 角度材料 - 设定固定宽度?
- 8. iOS固定宽度ScrollView
- 9. JFreeChart - 图表固定宽度
- 10. 动画非固定宽度
- 11. Matlab的固定宽度
- 12. 固定宽度的jqgrid列?
- 13. 标准固定表宽度
- 14. GTK树形固定宽度
- 15. CSS - 固定宽度布局
- 16. 固定元素的宽度
- 17. 固定宽度页面
- 18. C,固定宽度字符
- 19. 富固定宽度:dataTable
- 20. ssrs固定矩阵宽度
- 21. 固定宽度的项目
- 22. EMACS - 固定标签宽度
- 23. jCarousel,IE6和固定宽度
- 24. 表列固定宽度
- 25. dojox DropDownSelect固定宽度
- 26. 横幅固定宽度
- 27. 固定定位不改变站点宽度
- 28. 网站栏目宽度
- 29. 可变宽度网站
- 30. 固定宽度可变高度网格css
你是什么意思最好?你可以使用的最大值?在大多数情况下,固定宽度打破可访问性准则,尽管这不是严格的。 – Rippo 2009-12-08 07:25:27
最好在Doctype上发布网页设计问题。 – 2009-12-08 07:56:34
如果每个网页设计问题都应该在Doctype上发布,那么“网页设计”标签应该被SO封锁。人们使用SO来获得快速和良好的答案,这是真实的,所以对于所有类型的问题都是非常好的和快速的反应,并且很有价值。 – 2009-12-08 11:25:17