Html Wordpress只能在窄屏幕上读取某些样式

关于这个问题还有一个问题有待解决，但我会在这里把它说得更具体一些，如果我在这里找到正确的解决方案，可能会有助于解决其余的问题

这里有直播链接

所以，我有一个约会的背景资料。由于某些原因，它只能在窄屏幕上正确显示，而它的样式甚至不能在宽屏幕上的源代码中显示。样式在那里。在wp管理面板主题编辑器中选中它

html

此外，还试图欺骗并设置mediaquery以获得更大的分辨率。不走运。 附笔

---

所有这些都是在youtube视频发布后开始的。date3的css只存在于媒体查询中，这就是它在低分辨率屏幕上工作的原因。尝试将其置于所有媒体查询之上。应该有效

哦，s..t！这是工作！为什么（以后不要犯这个错误）？在发布youtube之前，它是如何工作的？

<div class="date3">
<div class="datetxt">
<div class="month"><?php the_time('M ') ?></div>
<div class="day"><?php the_time('j ') ?></div>
</div></div>

.date3 {
width:100px;
height: 100px;
border: 2px solid transparent;
border-radius: 100px;
background-color: #7E7E7E;
color: #fff;
text-align: center;
}


@media screen and (max-width: 530px) {
.date3 {
width:100px;
height: 100px;
border-radius: 60px;
}
}

.month {
text-align: center;
margin-top: 12px;
text-transform: uppercase;
font-size: 24px;
font-weight: 200;
    font-family: 'Exo 2', sans-serif;
}

.day {
text-align: center;
margin-top: -8px;
text-transform: uppercase;
font-size: 40px;
    font-family: 'Exo 2', sans-serif;
}