我尝试了几天来更改移动设备上单个帖子在 Wordpress 二十六子主题中的 Previous 和 Next 导航链接的显示方式,更具体地说,它们的字体属性,但没有成功。我可以为桌面格式化它们,但不能为移动设备格式化。我知道 CSS 媒体查询,但我找不到适合我的情况的解决方案。知道这个主题的人可以给我一些想法吗?
这是我上次尝试的:
@media screen and (max-width: 75em) {
.post-navigation a .post-title {
color: #007acc;
font-size: 1rem;
line-height: 1.25;
}
}
这是我的开发站点:dev.infopsi.md
最佳答案
问题出在无效的 CSS 文件中。
@media screen and (max-width: 75em)
block 位于另一个 @media
block 内(不是有效的 CSS) :
你不能这样做:
@media screen and (min-width: 61.5625em) {
....
....
@media screen and (max-width: 75em) {
....
....
}
您必须先关闭第一个 @media
block :
@media screen and (min-width: 61.5625em) {
....
....
}
@media screen and (max-width: 75em) {
....
....
}
找到此类错误的最简单方法是使用 CSS 验证器:
https://jigsaw.w3.org/css-validator/
关于css - 在二十六主题中为移动设备格式化上一个和下一个链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40321384/