8

我正在测试我编写的一些看起来很奇怪的 CSS 代码（基本上，我使用百分比和像素值来表示 DIV 的宽度）。虽然我不相信它是正确的，但它在 IE 5.5、IE 6.0（感谢这些人！）、IE 7.0、Firefox 3.0 和 Safari 3.12 上的所有屏幕尺寸上都能完美运行……所有这些都适用于 Windows XP。我是否需要进一步担心在 Mac 和 Linux 上测试代码，或者它最有可能在这两个上运行而不会失败？

编辑：

在解决这个问题几个月后，我发现 Safari 和 Firefox 在 Mac 和 PC 之间惊人地一致。

4

7 回答 7

10

它可以在 Mac 和 Linux 上运行吗？

不必要。

字体渲染是这种跨平台的最大问题。Windows 上可用的某些字体默认情况下不包含在其他字体中，并且 OSX 具有非常重的字体渲染模型（尽管 Windows 上的 Safari 应该显示这一点 - 至少它曾经如此）。

一般的盒子模型、填充、边距等都应该是标准的。

于 2008-10-18T18:27:10.427 回答
7

http://browsershots.org/

这将允许您在多个平台（包括 Linux）的多个浏览器中查看您的站点。但是，我要强调的是，让您的网站在每个网站中看起来 100% 相同的机会几乎是不可能的，有时您必须满足于 99%。

想想你的目标受众以及他们通常会使用什么浏览器/操作系统。此外，在网站启动后，运行一些统计跟踪（如Google 分析）并确定您的受众正在使用什么。

于 2008-10-18T23:03:21.477 回答
2

mac 领域非常棘手。不同的操作系统版本有不同的 safari 版本，所以如果没有一堆 Mac 进行测试，这真的很困难。如果它在 windows 的 safari 上看起来不错，那么它在 mac 上的 safari 上看起来也不错。特别是如果您主要关心的是 div 宽度。

linux有很多浏览器，我严重怀疑那里的任何人都测试过它们。由于 firefox 在 linux 中运行，因此您已经覆盖了 linux 市场的很大一部分。

您测试过的浏览器已经覆盖了超过 95% 的浏览器市场。

于 2008-10-18T18:41:57.527 回答
2

OS X 有许多基于 WebKit 的浏览器，即 Safari/Shiira/iCab/OmniWeb，以及 Firefox/SeaMonkey/Camino 和 Opera。我没有统计数据，但我猜这至少涵盖了所有用户的 98%。

Debian 人气竞赛结果：

周长 85.93%
冰鼬 60.35%
猞猁 25.71%
征服者 21.95%
链接 9.23%
iceape-浏览器 6.69%
elinks 6.51%
链接2 4.09%
莳萝 2.70%
盖隆 2.35%
顿悟 0.79%
w3m-el 0.75%
风波濑 0.58%
绿 0.30%
阿罗拉 0.29%

（这不会跟踪使用非 [DFSG]free* 软件的用户，例如 Mozilla Firefox 和 Opera。）Linux 用户是一个非常多样化的人群；即使您在 Windows 上使用来自 KDE 4 的 Mozilla Firefox、Opera 和 Konqueror 进行测试，您甚至还没有接近覆盖大部分用户群。

话虽如此，如果您将注意力集中在支持现代 CSS 的浏览器上，您会发现只有几个底层引擎：Trident (IE)、Gecko (Mozilla)、WebKit (Apple)、KHTML (KDE) 和Presto（歌剧）。分别采取这些：

  • Trident：仅在 Windows 中由 IE 使用，您已经在测试它。
  • Gecko：由 Mozilla 套件的浏览器（Mozilla Navigator、SeaMonkey Navigator、IceApe Navigator、Mozilla Firefox、IceCat、IceApe、Epiphany-Gecko、Galeon、Kazehakase-Gecko）使用。字体、图像和插件渲染确实因平台而异。
  • WebKit：被 Safari/Shiira/iCab/Omniweb、Google Chrome、Epiphany-WebKit、Kazehakase-WebKit、Arora 使用。所有 OS X 浏览器的渲染应该完全一致，因为它们使用系统提供的 WebKit 库，但 Windows 上的 Safari 和 Google Chrome 有非常不同的绘图引擎，在 Linux 上有 Gtk+ 和 Qt 版本，具有不同的行为。
  • KHTML：WebKit 是从它衍生出来的，但它的发展是独立的，因此存在相当大的分歧。主要由 Konqueror 使用。KDE 4 的 Konqueror 已被移植到 Windows 和 OS X，表现非常相似；然而，KDE 4 的 KHTML 比 KDE 3 有了显着的进步，仍然被普遍使用。
  • Presto，用于 Opera 7 及更高版本。跨平台一致。

正如另一个答案所提到的，每个引擎的 HTML 解析和 CSS 框模型在不同平台上都是不变的。只有像字体、图像和插件这样的“小”东西会有不同的作用。

于 2008-10-18T19:28:01.083 回答
0

根据我的经验，Mac 和 Win 上的 FF3 渲染并不完全相同，但仍然足够接近，无需同时检查两者。

于 2008-10-18T18:24:14.287 回答
0

它很可能会起作用，尽管我已经看到某些情况在 FF3 中适用于 Windows，但不适用于 OS X 上的 FF3。

于 2008-10-18T18:24:59.167 回答
0

我同意，字体渲染在 FF3 win/mac 上会有所不同，并且对我造成了一些定位问题

于 2009-04-21T17:05:53.393 回答