Rails应用程序仅在Chrome上显示正确.对于Firefox和Safari,所有的样式加载都不正确
Rails app is showing properly only on Chrome. For Firefox and Safari, all the styles load incorrectly
Link -> http://leanhire.co/我使用html模板的样式,我把它放在/vendor/assets/
我检查了Chrome和主题的所有样式和javascript元素都正确渲染。但是当我尝试在Firefox上加载网站时,样式都是错误的。padding(填充)不见了,align(对齐)属性不起作用,tabs(制表符)不起作用,基本上整个东西都错了。
最初,我把样式表和Javascript在/供应商,我认为这是问题,所以我改变了它,而不是把所有的样式和Javascript在/public/assets/,但它仍然不起作用。调试这个问题的最佳方法是什么?
发生这种情况是因为您的HTML无效。因此,对于不同的浏览器,解析的DOM树可能是不同的。
请参考这个错误列表。特别注意1和3
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 将样式表插入iframe
- 跟踪在页面加载时应用内联样式的JavaScript
- 在Safari执行javascript之前对其进行修改
- 如果文本字段为空,则使用JavaScript应用CSS样式
- 定义完全独立的样式信息
- Safari(Mac OS)上的jQuery平滑滚动问题
- W3C循环样式的JavaScript
- jQuery/JavaScript在线公文包表单-打印样式表
- 使用递归、Ramda.js和无点样式重构字符串的getPermutations()
- $(document).height()在刷新时随机化值(Safari 5.1.10)
- FF和Chromium中CSS样式按钮的外观差异
- 如何首先设置样式<td>表中包含在窗体中的元素
- javascript问题正文样式
- 使用具有内联样式的tidy-html5
- DataTables-创建自定义分页样式(加载更多样式)
- 具有所有样式的文本正在复制到可编辑文本区域
- Rails应用程序仅在Chrome上显示正确.对于Firefox和Safari,所有的样式加载都不正确
- 在chrome和safari中,Contenteditable用内联样式替换CSS类和规则
- 如何在iOS5 Safari上获得备用样式表