支持多浏览器的 CSS 生成器

Question

我知道这个网站上有几个非常相似的相关问题，但是在看了这部剧之后，我相信这个问题本身就是独一无二的。如果有人能找到并提供证据证明我的问题完全被骗了，我会自己撤回它(所以请不要否决这个!)。

我是 Java 开发人员，而不是 Web 开发人员。但是，很多家庭都有一个人成为指定家庭的“计算机人”，我的 Java 开发技能被误认为是 Web 开发技能，我莫名其妙地陷入困境为我的 parent 建立一个网站，以帮助他们出售他们的房子。

因此，就像任何网络开发新手一样，我自己编写了 HTML/CSS(手工编写，没有 DW 或 Expression 等编辑器)并针对 FireFox 3.x 对其进行了测试。一切看起来都很棒，我们部署/启动了。

现在，我们收到了来自所有人和他们的狗的负面反馈，指出该网站无法在其他浏览器、浏览器版本或在不同操作系统上运行的 FireFox 安装中正确呈现。同样，通过智能手机或平板设备查看时，该网站显然一团糟。

现在我可以潜入并为我的 CSS 规则编写一大堆困惑、讨厌、煞费苦心的编辑，基本上是说:当浏览器是 Y 时执行 X 等。但我希望有一种工具可以消除我所有的恐惧。

我正在寻找的是一种工具，它可以获取我的有效 CSS 文件，并使用它们生成与大部分常见浏览器/版本兼容的 CSS 规则。

或者，如果我必须从头开始重写我的 CSS，最好有一个工具可以让我编写/设计一次，部署多次，这样我只需要专注于单个 CSS 文件的设计，但生成的代码是多浏览器兼容的。

听起来 DreamWeaver 有点这样做，但您必须从 16 个预先存在的模板中选择一个。

我的妻子是一名平面设计师，她使网站非常可爱(不是千篇一律)。试图找出使用什么 CSS 规则来实现她的设计是一场噩梦。因此，任何强制您在模板之间进行选择的工具都不是一种选择。

我还有希望吗，还是我现在要羞愧地把自己从家里驱逐出去？

Answer 1

css 乱七八糟，无法自动正确处理。说我会说有一些工具可以和你一起走正确的路。1. 使用元标记:

http-equiv="X-UA-Compatible" content="IE=8" (encpsulate as a meta tag - SO won't display if I wrote it as a valid tag)

强制 IE 使用其最现代的引擎进行渲染，这将解决一些问题。

2.用normalize.css开始你的css - 这将消除一些跨浏览器问题 - 因为它会重置你的 css(reset.css 更好更现代)

1. 如果您来自 Java 开发世界，我会支持 GWT。尽管它是一个学习框架，但它有自己的怪癖。另一个可能的 Web 框架是 Grails——强大的 Ror 的一个很好的 java/groovy 端口。

2. Less 或 Scss 不会自动解决您的基本问题 - 浏览器兼容性 - 但它们是编写 css 的更好、更简单的方法

3. 请记住，大多数 css3 属性并非在所有浏览器中都得到同等支持(在 IE 中几乎不受支持)- 仅将它们与受支持的 js 或 css 的优雅降级选项一起使用 -when Modernizr js库可以给你很好的属性支持检测各种浏览器
4. 不要使用 Dreamweaver - 它会产生糟糕的代码
5. 使用csslint检查有效的 css 和常见的 css 陷阱
6. 如果您必须使用带有 html5+css3 元素的尖端网络呈现，您应该查看 chrome 框架 - 这将使旧浏览器更好地支持您的网站 - 虽然我认为这对于简单的卖房来说可能有点矫枉过正一种网站。
7. 使用 css 框架来制作原型(prototype)——它会给你更好的 css、良好的基础知识和重置以及良好的样板——也许是 Bootstrap 或类似的东西(没有尝试过大多数，但互联网上充斥着这些。

祝你好运