2013-03-17 123 views
1

我是新来的前端世界,想知道你们如何去一个网站,跨浏览器翻译上的定位元件。定位在跨浏览器

我设计并开发一个学校项目也很正常于Chrome和Firefox我的MacBook Pro网站。但是,当我尝试在我作品的PC上的IE 9和Firefox上查看它时,定位完全关闭。在IE 9中的字体大小也是真的关闭。

我听说IE有时是一个婊子,但我想知道如果有什么我可以做,使之在不同的浏览器和操作系统相同。

我主要使用一个或两个绝对位置的相对定位。对于字体大小我使用EM的,因为我听说他们更好的响应。 如果我希望这个网站能够在不同的浏览器和操作系统中响应并且相同,我应该使用哪种类型的定位?

回答

0

我通常看http://quirksmode.org,了解哪些功能是与我想要支持的浏览器兼容。我有一段时间没有这样做,但我看到网站作者(彼得 - 保罗科赫)保持最新。

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

对于字体大小,我用一个基地规模,并设置一切相对于这一点。我也有一段时间没有这样做。其他人可能会对目前的做法有更深入的了解。不过,我希望我的建议能继续发挥作用。

当我编码为经营宗旨,那我还是去通过测试的锻炼在品种浏览器之前,我认为完成这项工作。

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

+0

啊啊谢谢!我是这个董事会的新成员,不知道在哪里问这些类型的问题。如果我添加一些我的代码会有帮助吗?对于跨浏览器和响应式设计中编码的最佳定位类型,这更是一个普遍问题。 – PortionsForFoxes 2013-03-17 19:42:15

+0

如果你有一些特定的代码来说明你的问题,你可以分享,是的,我认为我们可以更好地帮助你,这些信息将有助于讨论的重点。其中一个常见问题(链接在每页顶部)表示,如果需要一本书来回答,这个问题可能太广泛了。如果我理解你的问题,那么我认为是的,有一整本书或者至少有网站来解决这个问题的所有方面。 – minopret 2013-03-17 19:44:33

+0

这里是一个Plunker的链接:http:// plnkr。co/edit/B7ZZs1HvEfyV4L1CVBty 我不知道如何添加图片和东西,但它。 – PortionsForFoxes 2013-03-17 20:00:26

0

除了其他建议,我建议你总是使用CSS重置,以便所有浏览器的默认设置相似。

有几个不错复位从,我有很好的成功选择具有http://necolas.github.io/normalize.css/

祝你好运!