我试图让我的网页中的1个响应移动屏幕,我在body div上方创建了2个箭头和文本。现在,我只希望这些箭头和文本在屏幕低于800像素时显示。我怎样才能做到这一点 ?我尝试了这个:{仅在800px以上的屏幕上不显示}不起作用!
@media only screen and (max-width: 800px) {
.box11 .arrowRight {
text-align: center;
color: #204486;
padding: 10px;
margin: 10px;
display:none;
}
.box11 .arrowP {
text-align: center;
color: #204486;
padding: 10px;
margin: 10px;
display:none;
}