Question

字体大小不适用于Opera和Chrome，但适用于Firefox。可以使用边框，边距，动画，大小，字体系列，但不能使用字体大小。

我在嵌套跨度中有一个复杂的ul-li导航。我无法在内部<a>上设置字体大小。除了html - 16px之外，我还没有在其他部分/元素上设置字体。我试过rem和px单位，没有人在Opera和Chrome上工作。有没有一种特殊的方法来设置深嵌套元素的字体大小？为什么其他规则有效？

<div> <span>..12 spans... <span> 
   <a class='a.aBtn' ><span class='navDecr' ></span></a>
   ...other 12 <a> tags ...
   <ul> <li></li> ...12 li ... </ul> 
 </span> ... 12 closing spans </div>

//the same error a.aBtn span.navDescr {}

a span.navDescr { 
    font : 2rem, "Open Sans", sans-serif !important; //this is stroked through 
    text-align: right;
    text-align-last:left;
    font-weight:normal; 
    font-variant: normal;
    font-style:normal;
    line-height : 1.5; //will be multiplied with font_size
    font-stretch: normal;
    font-size-adjust:1;
}

如果我尝试将字体放在li项目子项上，它也不起作用。可以使用边框，边距，动画，大小，字体系列，但不能使用字体大小。

Answer 1

如果您想更改字体大小，请使用font-size，font-family将其更改为其他字体

从

改变

<a class='a.aBtn' ><span class='navDecr' >Test</span></a>

a span.navDescr { 
    font : 2rem, "Open Sans", sans-serif !important; //this is stroked through 
    text-align: right;
    text-align-last:left;
    font-weight:normal; 
    font-variant: normal;
    font-style:normal;
    line-height : 1.5; //will be multiplied with font_size
    font-stretch: normal;
    font-size-adjust:1;
}

要

<a class='aBtn' ><span class='navDecr' >Test</span></a>

.aBtn span { 
    font-size : 2rem; 
    font-family: "Open Sans", sans-serif !important; //this is stroked through
    text-align: right;
    text-align-last:left;
    font-weight:normal; 
    font-variant: normal;
    font-style:normal;
    line-height : 1.5; //will be multiplied with font_size
    font-stretch: normal;
    font-size-adjust:1;
}

应该有效

Answer 2

似乎原因在于其他一些字体规则。最后，发现“行高”规则使得font-size无法在Opera和Chrome浏览器中使用。我的意思是复杂的结构与问题无关。

staging.website.com/admin

字体大小不适用于Opera和Chrome，但适用于Firefox，其他参数正在运行

2 个答案: