Question

在这个问题上有另外一个问题，但我会在这里更具体，如果我在这里得到一个正确的解决方案，它将有助于解决其余问题。

所以，我有一个日期背景div。出于某种原因，它只能在狭窄的屏幕上正确显示，并且它的样式甚至不会在更宽的源代码中显示。造型就在那里。在wp管理面板主题编辑器中检查它。

HTML

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

CSS

.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;
}

此外，尝试欺骗并设置mediaquery以获得更大的分辨率。没运气。附：所有这一切都是在发布带有文本后断路器的YouTube视频后开始发生的

Answer 1

.date3的css仅存在于媒体查询中，这就是它在低分辨率屏幕上工作的原因。尝试将其置于所有媒体查询之上。应该工作

Wordpress只在狭窄的屏幕上读取某些样式

1 个答案: