960gs(网格系统）和最佳的html/css实践

960gs (Grid System) and best html/css practice

本文关键字：html css 实践最佳网格系统 960gs 更新时间：2023-11-21

我正在制作一个网站，它的软件基于960gs系统。作为一名多年的网络开发人员，这实际上是我第一次接触它。它来自印刷界，据说对设计师来说很好。

但我想知道前端网络开发社区的人们对此有何感受，因为我发现无论有没有自由创作我选择的元素、风格，以及javascript如何选择如果我拘泥于某种网格系统的哲学，我会为制作一些带有alpha覆盖和圆角的高级javascript动画需要多长时间而感到尴尬。我只觉得它妨碍了我，但把所有东西都撕下来也需要时间。我已经完成了photoshop文档的渲染。我已经开始破坏电网系统了。但我的客户想知道我这样做的更多原因。在类似的情况下，你们会做什么？我真的不喜欢使用网格系统，但我不是瞎子，我能看到它的好处和坏处。所以我纠结于什么是最好的选择，不知道其他人在遇到同样的问题时会怎么想。

如果不谈论响应式设计/开发，我建议在网格系统上走这条路，一举两得。一开始受设计的限制有点棘手，但总的来说，即使它是基于网格系统的，你也会理解并学习如何创造非常独特的外观。

我会在谷歌上查找"响应式网页设计"来获得一些灵感。我已经完全转向了响应性方面，总的来说，你做出了非常干净的设计，在所有浏览器和设备上看起来都很惊艳。

同样，我个人认为960像素有点窄，但这是我自己的观点。我通常会选择1024-1200像素，但也会在iphone上设计出好看的东西（包括折叠和宽度），然后在24英寸显示器上。如果你的响应速度不受宽度的影响，我会将内容始终保持在1024像素的宽度内，但总是将元素扩展到1600-2560像素的宽度（对于24英寸显示器）。这样，如果你在分辨率较低的显示器上看到了你需要的一切，而在更大的显示器上你只看到了一切。