在过去几个月自学编码之后,我将结束我的第一个大型Web开发项目。但是,我仍然在尝试一些看起来很基本的东西。
我在Firefox上加载的页面实例与在Safari或Chrome中加载的页面完全不同。
您可以在此处看到我所引用的页面示例:http://fmhgifts.com/home-office/,但是我还提供了一些屏幕截图以演示我的意思。首先,它在Chrome中正确显示:
然后是与在Firefox中呈现的页面完全相同的页面:
我已经花了一些时间尝试使用Web开发工具栏来诊断问题,但到目前为止还无法完成。如果有更多经验的人能够帮助我,我将非常感激。
最佳答案
问题是您正在使用-webkit-transform,它专门用于基于Webkit的浏览器(Firefox不使用webkit,Internet Explorer也不使用)。没有-webkit-transform的方法有很多种。您似乎已经在使用一种这样的方式:top
和left
CSS属性(还有bottom
和right
属性)。玩那些。
关于html - Firefox中的CSS渲染问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19674871/