Question

我一直在努力解决Joomla文章中的Firefox / Chrome行高问题，其中元素“intro_content”分别在Firefox和Chrome中需要line-height = 2em和line-height = 1em才能显示按要求。我尝试过使用normalize.css和Meyer的重置没有成功。所以我尝试了Modernizr（无论如何我在网站的其他地方使用）。这是js：

      var selectEl =  jQuery("p.intro_content"),
      browserFF = Modernizr.addTest('firefox', function (){
          return !!navigator.userAgent.match(/firefox/i).data();
        });
      if(browserFF) {
        selectEl.css("line-height", "2");
      }else{
         selectEl.css("line-height", "1");
      }
       alert(browserFF);

警报返回“对象对象”。但是，显示差异仍然存在。。但是如果将val（）或data（）附加到返回表达式，那么

      !!navigator.userAgent.match(/firefox/i).val();      // or  data()

不显示警报。我将不胜感激任何帮助

Answer 1

[我之前的评论] 通过查看我想知道的文档，您现在不应该只使用Modernizr.firefox看看您的测试产生了什么结果吗？

你建议使用Modernizr.firefox。将if条件更改为“browserFF.firefox”可以解决问题

我认为你根本不需要browserFF变量。您不需要“捕获”Modernizr.addTest的返回值，因为这将再次成为全局Modernizr对象。

所以简单地使用

if(Modernizr.firefox) { …

应该可以正常工作。

Firefox Chrome的行高差异

1 个答案: