在跨浏览器中定位

时间:2013-03-17 19:12:52

标签: cross-browser responsive-design css-position

我是前端世界的新手,并且想知道你们如何在一个翻译多个浏览器的网站上定位元素。

我正在设计和开发一个学校项目的网站,这个项目在我的MacBook Pro Chrome和Firefox上看起来很不错。但是,当我尝试在我工作的PC上的IE 9和Firefox上查看时,定位完全关闭。 IE 9中的字体大小也确实关闭了。

我听说IE有时候是一个婊子,但我想知道我能做些什么来使它在不同的浏览器和操作系统中保持一致。

我主要使用一两个绝对位置的相对定位。对于字体大小我正在使用em,因为我听说它们更适合响应。 如果我希望这个网站在不同的浏览器和操作系统上具有响应性和相同性,我应该使用什么类型的定位?

2 个答案:

答案 0 :(得分:0)

我通常会查看http://quirksmode.org以了解哪些功能与我想要支持的浏览器兼容。我有一段时间没有这样做,但我看到网站作者(Peter-Paul Koch)正在更新它。

我也想知道哪些标准文件是相关的以及他们说什么。至于字体大小,相关标准包括HTML 4.01和各种级别的CSS。我认为这些文件并没有说太多。在任何情况下,由于技术原因,浏览器在解释或遵守标准中的偶然点时经常略有不同。在所有标准对抗锯齿字体,Retina显示以及可能与平台和实现非常相关的其他事项几乎或根本没有说明之后。

对于字体大小,我使用基本大小并设置相对于此的所有其他内容。我也有一段时间没有这样做过。其他人可能会对当前的做法有更敏锐的理解。不过,我希望我的建议能继续发挥作用。

当我为商业目的编码时,在考虑完成工作之前,我仍然会在各种浏览器中进行测试。

如果您的问题有更多细节,请添加它们。否则,虽然你在这里问的很好,但我认为你会发现更广泛的“你们做什么”这些问题最适合http://programmers.stackexchange.com

答案 1 :(得分:0)

除了其他建议之外,我建议您始终使用CSS重置,以便所有浏览器中的默认设置都相似。

有几个很好的重置可供选择,我在http://necolas.github.io/normalize.css/

取得了很好的成功 祝你好运!