你的问题与这里的主题无关，但有一些快速提示。

要打印您的样式，您可以使用wp_add_inline_style(). 找到一个样式表并钩住它来打印您的样式，而不是在脚本链接中使用样式链接（这显然行不通）。这是你的一个例子，在你的主题/子主题中functions.php 文件：

function add_my_inline_css(){
    wp_add_inline_style(\'HOOK\',\'@media {body { color:black } }\');
}
add_action(\'wp_enqueue_scripts\',\'add_my_inline_css\',999);

这是将内嵌CSS添加到主题标题的最佳实践。更改HOOK 您可以在任何页面的主题标题中找到它。例如，如果这是主题标题中的样式：

<link id="kymadic-css" rel="stylesheet" type="text/css" href="https://example.com/wp-content/theme/my-theme/tyle.css">

那么你的钩子的名字是kymadic.使用上述代码后，这将添加到主题的标题中：

<style>@media {body { color:black } }</style>

现在，为响应性设计提供提示。媒体查询可以限制为最小和最大宽度。媒体查询的一般语法如下：

@media only screen and (max-width: 1000px) and (min-width: 800px) { ... }

当您的屏幕尺寸大于800px宽但不大于1000px时，此选项将被激活。您可以删除其中一个查询，例如：

@media only screen and (max-width: 1000px) { ... }

将影响任何小于1000px的屏幕，并且：

@media only screen and (min-width: 800px){ ... }

将影响任何大于800px宽的屏幕。有关响应式设计的更多信息，请访问W3Schools.