Fatal编程技术网
  • wordpress/
  • 如何向wordpress主题添加额外的css？

如何向wordpress主题添加额外的css？

wordpress

如何向wordpress主题添加额外的css？,wordpress,Wordpress,我在平板电脑和上网本上查看了我的博客，它看起来有点糟糕，所以我制作了一个额外的css并添加到header.php中： <head> <link media="all and (min-width: 481px) and (max-width: 768px)" type="text/css" rel="stylesheet" href="tablet.css"> </head> 我应该在“模板url”中添加什么？实现我的目标最简单的方法是什么 谢谢 您只需将下

我在平板电脑和上网本上查看了我的博客，它看起来有点糟糕，所以我制作了一个额外的css并添加到header.php中：

<head>
<link media="all and (min-width: 481px) and (max-width: 768px)" type="text/css" rel="stylesheet" href="tablet.css">
</head>
我应该在“模板url”中添加什么？实现我的目标最简单的方法是什么

谢谢

您只需将下面的代码添加到样式表的底部，并在其中为这些规范应用所需的样式。这是一个确切的尺寸

@media all and (max-width: 768px) and (min-width: 481px) {
  Your styles go in here
}
下面的代码将以768px的
最大宽度
或481px的
最小宽度
为目标

@media all and (max-width: 768px), (min-width: 481px) {
  Your styles go in here
}
您只需将下面的代码添加到样式表的底部，并在其中为这些规范应用所需的样式。这是一个确切的尺寸

@media all and (max-width: 768px) and (min-width: 481px) {
  Your styles go in here
}
下面的代码将以768px的
最大宽度
或481px的
最小宽度
为目标

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

<link rel="stylesheet" type="text/css" href="path/to/your/css/file.css">
希望它有帮助

试试这个：

<link rel="stylesheet" type="text/css" href="path/to/your/css/file.css">
希望它能有所帮助

为什么不在现有CSS表中添加媒体查询？Andrew，如何添加此条件（，“全部和（最小宽度：481px）和（最大宽度：768px）”；）如何在现有css中进行简单的媒体查询？为什么不将其包含在header.php中？例如：
eveevans，在“模板url”括号中添加什么？为什么不在现有CSS表中添加媒体查询？Andrew，如何添加此条件（，“全部和（最小宽度：481px）和（最大宽度：768px）；）如何在现有css中进行简单的媒体查询？为什么不将其包含在header.php中？比如：
eveevans，在“template\u url”括号中添加什么？您针对哪个浏览器进行测试？我针对的是firefox、chrome和opera。如果我在普通pc或笔记本电脑上打开我的博客，它很好，上网本或平板电脑-蹩脚。假设我有一个带有主要css条件的custom.css，我想在其中包含这样一个条件css：@media all and（最大宽度：768px）和（最小宽度：481px）{导航ul.rss li.sub-rss a{背景：url（“images/ico social rss.png”）无重复滚动右中透明；字体重量：粗体；边距：5px；填充：45px 38px 40px 0；位置：相对；右：5px；}}对于要应用的任何新样式，您需要确保重置任何以前的样式。示例：常规样式中有
body{background:#FFFFFF；width:500px；}
，但在其他尺寸上，您希望它是200px。它将是` body{width:200px；}，但是背景仍然是白色的，因为所有的东西都层叠而下。解决了，我的目标是有点不同的分辨率，谢谢大家！你的目标和测试浏览器是什么？我的目标是firefox、chrome和opera。如果我在普通pc或笔记本电脑上打开我的博客，它很好，上网本或平板电脑-蹩脚。假设我有一个带有主要css条件的custom.css，我想在其中包含这样一个条件css：@media all and（最大宽度：768px）和（最小宽度：481px）{导航ul.rss li.sub-rss a{背景：url（“images/ico social rss.png”）无重复滚动右中透明；字体重量：粗体；边距：5px；填充：45px 38px 40px 0；位置：相对；右：5px；}}对于要应用的任何新样式，您需要确保重置任何以前的样式。示例：常规样式中有
body{background:#FFFFFF；width:500px；}
，但在其他尺寸上，您希望它是200px。它将是` body{width:200px；}，但是背景仍然是白色的，因为所有的东西都层叠而下。解决了，我的目标是有点不同的分辨率，谢谢大家！