如何让我的特定标题只显示在移动屏幕上？

Question

This is what I have so far, but I can't get it to work.

HTML

<h3 class="screentest">Hello world</h3>

CSS

@media (max-width:750px){
.screentest {display: none;}
}
@media (min-width:750px){
.screentest {display: none;}
}

Answer 1

You have in two @media display:none; . Change that display inside @media (max-width:750px) to display:block .