Question

我尝试了几天来更改Wordpress Twenty Sixteen子主题中移动设备上单个帖子的上一页和下一页导航链接的显示方式，更具体地说，他们的字体属性，但没有成功。我能够为桌面格式化它们，但不能用于移动设备。我知道CSS媒体查询，但我无法在我的情况下找到解决方案。知道这个主题的人可以向我推荐任何想法吗？

这是我上一次尝试的内容：

@media screen and (max-width: 75em) {
   .post-navigation a .post-title {
      color: #007acc;
      font-size: 1rem;
      line-height: 1.25;
   }
}

这是我的开发网站：dev.infopsi.md

这是一篇帖子：http://dev.infopsi.md/2016/10/17/salut-lume.html

Answer 1

问题出在CSS文件中，这是无效的。

@media screen and (max-width: 75em)块位于另一个@media块内（不有效CSS）：

您无法执行此操作：

@media screen and (min-width: 61.5625em) {
....
....
@media screen and (max-width: 75em) {
....
....
}

您必须先关闭第一个@media块：

@media screen and (min-width: 61.5625em) {
....
....
}
@media screen and (max-width: 75em) {
....
....
}

找到此类错误的最简单方法是使用CSS验证程序：
https://jigsaw.w3.org/css-validator/

在Twenty Sixteen主题

1 个答案: