Question

我的网站上有一些文字，我想在手机上看到，但不能在电脑上看到。我试过＆＃34;显示：无＆＃34;在我的CSS文件和＆＃34;显示：块＆＃34;在我的移动查询中，但由于某种原因它不起作用（即使我使用！重要）。但是，如果我使用visible属性，它确实有效，但我不想使用它。

这是一个jsfiddle：https://jsfiddle.net/5y2vsmtz/2/

或者你可以在这里看到文字：

HTML：

<div class="mobiltext1">
        <div>Heading 1e<br></div>
        Description 1<br>
        <div>Heading 2<br></div>  
        Description 2<br> 
        <div>Heading 3<br></div>
        Description 3<br>
</div>

CSS：

@media only screen and (max-width: 380px){
   .mobiltext1 {display:block; padding-top:30%;}
}

.mobiltext1 {
    display: none;
    font-family: Raleway Bold, sans-serif;
    text-align: center;
    padding-top: 5%;
    letter-spacing: 2px;
    color: rgba(80,80,80,0.99);
    }

Answer 1

增加最大宽度将使其适用于更多移动设备。将@media css置于普通css之下会导致它覆盖前者。

<a ng-href="mailto:{{ groupObj.accountExecutiveEmail }}" target="_blank"> 
  {{ groupObj.accountExecutiveName }}
</a>

请参阅小提琴：https://jsfiddle.net/pcoyc4ay/

（移动查询）＆＃34;显示：内联＆＃34;不起作用

1 个答案: