我正在从头开始设计一个网络应用程序,它将是一个基于流体的布局,并且相同的 HTML 将使用自适应 CSS 在不同的屏幕上呈现。 我将为此使用自适应 CSS(或响应式设计)。
我一直在寻求使用像 SCSS (http://sass-lang.com/) 这样的框架来改进我的代码维护工作。我会有很多 CSS 文件(可能还有一些基于皮肤的文件) 由于我使用的是自适应布局,因此我将为桌面/平板电脑/移动 CSS 使用 CSS 媒体查询。我不知道 SCSS 与媒体查询和整体说话的集成程度如何,它将为我提供多大的灵 active 。
如果您使用过 SASS/SCSS,请告诉我您的建议,一般来说还有任何其他建议。
最佳答案
SCSS 本质上是 CSS 的扩展,可用于(通过混合)避免代码中的重复。它还提供了一种以语义上有意义的方式对 CSS block 进行分组的方法,并为您提供变量以避免重复自己。
如果您使用的是 Rails 之类的框架,那就很容易了。
还有一些专注于布局的框架,例如 960(及其变体)和 Blueprint,它还为按钮之类的东西添加了代码。
其中许多背后的基本理念是 DRY(不要重复自己)。使用既定框架的一个好处是许多浏览器问题都已得到解决,因此您可以确定它可以跨浏览器工作。
的确,也许代码不像自己编写的那样精简,但是通过仔细编辑并确保缩小结果并以 gzip 压缩发送,这不是主要问题,除非是在流量最高的站点上。
我个人过去反对使用框架,因为有少量额外的冗余代码,但经过 15 年围绕浏览器问题的黑客攻击,我现在认为它们是一件好事。
Larry Wall 在 Programming Perl 中说,“我们将鼓励您培养程序员的三大美德:懒惰、急躁和狂妄自大。”
任何能让更多人以可重复和可靠的方式使用 CSS、在其他人所做的工作基础上进行构建并尝试一些前沿功能的任何事情都是好事。
用媒体查询设计一个网站仍然有点前沿。每种方法都有妥协,您应该在选择一种方法之前尽可能多地阅读。如果您不介意 javascript,Adapt.js 是一个不错的选择。
您可能想查看 HTML5 样板。这有一些有用的默认值,以及大量关于已选择的 HTML 和 CSS 默认值的文档。
祝你好运!
关于iphone - 基于 CSS 的框架,如 SCSS(自适应设计),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7625112/