在下图中,在我的标记中,页面标题为“欢迎使用我的示例网站”(并非全部大写)。但是,在分屏中,标题以全部大写显示。
CSS中的代码是:
h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #666666;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;
}
h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;
}
.header h1
{
font-weight: 700;
margin: 0px;
padding: 0px 0px 0px 20px;
color:white;
border: none;
line-height: 2em;
font-size: 2em;
}
我想在标记中显示标题(不是全部大写)。
答案 0 :(得分:2)
导致更改的行位于
h1, h2, h3, h4, h5, h6
基。
您可以更改该行:
font-variant: small-caps;
是:
font-variant: normal;
但这会将所有标题更改回正常大小写。如果您只想将标题标题更改为正常,请将以下内容添加到CSS:
#title h1
{
font-variant: normal;
}
答案 1 :(得分:1)
我会尝试将font-variant: small-caps;
更改为font-variant: normal;
答案 2 :(得分:1)
尝试:
h1 {
font-variant: normal;
}
正如您所见,其他可能的值是small-caps
和inherit
。