Question

我在平板电脑和上网本上检查了我的博客，看起来有点不好，所以我做了一个额外的CSS并添加到header.php之间：

<head>
<link media="all and (min-width: 481px) and (max-width: 768px)" type="text/css" rel="stylesheet" href="tablet.css">
</head>

但没有任何反应。如何添加一个额外的.css来使其工作？

还尝试将此功能添加到主题functions.php，但博客崩溃。

wp_enqueue_style('my-custom-style', 'get_bloginfo('template_url') . '/css/tablet.css',false,'1.1','all and (min-width: 481px) and (max-width: 768px)');

我应该在'template_url'中添加什么，以及实现目标的最简单方法是什么？

谢谢！

Answer 1

试试这个：

<link rel="stylesheet" type="text/css" href="path/to/your/css/file.css">

在header.php之后添加到模板<?php wp_head(); ?>文件，在最后一个样式表之后。

如果失败，请在</head>标记之前添加。

如果你不确定使用完整路径，那么也可以使你的样式表路径正确：

<link rel="stylesheet" type="text/css" href="http://www.site.com/path/file.css">

希望有所帮助

Answer 2

您只需将以下代码添加到样式表的底部，然后在那里应用所需的样式。这虽然是一个确切的大小。

@media all and (max-width: 768px) and (min-width: 481px) {
  Your styles go in here
}

下面的代码将定位max-width的768px或min-width的481px。

@media all and (max-width: 768px), (min-width: 481px) {
  Your styles go in here
}

如何在wordpress主题中添加额外的CSS？

2 个答案: