javascript - 960gs(网格系统)和最佳 html/css 实践

标签 javascript html css 960.gs

<分区>

我正在做一个站点,它的软件是基于 960gs 系统的。作为多年的 Web 开发人员,这实际上是我第一次接触它。它来自排版世界,据说对设计师来说非常有用。

但我想知道前端 Web 开发社区中的人们对此有何看法,因为我发现无论有没有自由创建我选择的元素、我选择的样式以及我选择的 javascript 的自由,都很难工作如果我坚持某些网格系统的哲学,那么制作一些带有 alpha 覆盖和圆 Angular 的高级 javascript 动画需要多长时间会让我感到畏缩。我只认为它妨碍了我,但把所有东西都撕掉也需要时间。而且我已经完成了 photoshop 文档的渲染。而且我已经开始撕掉网格系统。但是我的客户想知道我这样做的更多原因。在类似的情况下,你们会怎么做?我真的不喜欢使用网格系统,但我不是盲人,可以看到它的好处和坏处。所以我坚持认为什么是最好的选择,并且想知道其他人在遇到同样的问题时会怎么想。

最佳答案

如果不谈论做响应式设计/开发,我会建议走那条路,在网格系统上也是如此,用一 block 石头杀死两只鸟。一开始它有点棘手,因为它在某种程度上受到设计的限制,但总的来说,即使它基于网格系统,你也会了解并仍然学习如何创建非常独特的外观。

我只是在谷歌上查找“响应式网页设计”以获得一些灵感。我已经完全谈到了事物的响应方面,总的来说,您的设计非常简洁,在所有浏览器和设备上看起来都很棒。

同样,我个人认为 960px 有点窄,但这是我个人的看法,我通常选择 1024-1200px,但也会设计一些东西,使其在 iPhone 和 24"显示器上看起来仍然很好(折叠和宽度)。如果你的响应式不在宽度上挂断,我将我的内容始终保持在 1024 像素宽度内,但始终将元素扩展到 1600-2560 像素宽(对于 24 英寸显示器上的那些)。这样一来,如果您在较低分辨率的显示器上可以看到所需的一切,而在更大的显示器上您可以看到一切。

关于javascript - 960gs(网格系统)和最佳 html/css 实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11545216/

上一篇:php - 以导航链接框为中心的箭头悬停效果

下一篇:html - 导航栏中的中心文本

相关文章:

javascript - react native vs reactXP

javascript - Electron :NodeJS 'net' 模块返回空对象

html - 根据显示器分辨率调整字体大小

javascript - 搜索无法以 Angular 工作的可折叠内容

css - 如何使 iframe 使用所有可用的高度

javascript - 未处理的PromiseRejection警告: TypeError: Assignment to constant variable

javascript - 在 Angularjs 中禁用客户端缓存

php - 从 MySQL 获取数据并显示为可点击的 URL

css - Rails 4 添加样式表

javascript - 展开 div 到 "read more"