在过去几个月自学编码之后,我将结束我的第一个大型Web开发项目。但是,我仍然在尝试一些看起来很基本的东西。

我在Firefox上加载的页面实例与在Safari或Chrome中加载的页面完全不同。

您可以在此处看到我所引用的页面示例:http://fmhgifts.com/home-office/,但是我还提供了一些屏幕截图以演示我的意思。首先,它在Chrome中正确显示:

然后是与在Firefox中呈现的页面完全相同的页面:


我已经花了一些时间尝试使用Web开发工具栏来诊断问题,但到目前为止还无法完成。如果有更多经验的人能够帮助我,我将非常感激。

最佳答案

问题是您正在使用-webkit-transform,它专门用于基于Webkit的浏览器(Firefox不使用webkit,Internet Explorer也不使用)。没有-webkit-transform的方法有很多种。您似乎已经在使用一种这样的方式:topleft CSS属性(还有bottomright属性)。玩那些。

关于html - Firefox中的CSS渲染问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19674871/

10-12 12:51
查看更多