请使用

font-size: 2.5vw;

.wp-caption .wp-caption-text { **font-size: 16px** !important; color: #000000; text-align: center; background-color: #F2F2F2; padding-top: 1px; margin: 1px; }

以下是可能发生的情况的原则。（在没有猜测的情况下修复它需要访问所有CSS。）

如果（大多数）您的字体大小在手机上自动缩小，那么您的CSS中可能已经有了一个媒体查询，如下所示：

@media only screen and (max-width: 768px) {
    [some kind of CSS specifying font size]
}

但是，您有!important 在您的font-size 对于.wp-caption .wp-caption-text. 这基本上告诉浏览器忽略通常会覆盖它的任何其他CSS规则：您的标题将是该字体大小，无论是什么，这包括忽略任何调整移动设备字体的CSS。!important 是一个丑陋的黑客，很少需要。

那么如何修复呢？您首先需要删除!important 从您的.wp-caption .wp-caption-text. 如果您的标题字体大小在标准桌面视图上不再是16px，则需要找出哪个CSS规则正在覆盖它。一种方法是在浏览器中使用实时检查器，如Safari的web检查器（在任何页面上的Command-Shift-I，在“首选项”>“高级”>“显示开发菜单”之后），并调查字体大小的来源。或者，查看您的CSS，看看是否更具体地指定了标题的字体大小（例如。body #my-main-div .wp-caption .wp-caption-text).

找到罪魁祸首后，桌面视图上的标题字体大小现在为16px，然后可以在@media 查询手机，您应该已经全部设置好了。

您可以使用css，如下所示

@media screen and (max-width:480px) { 
  .wp-caption .wp-caption-text { font-size: 14px !important  } 
}