213h1和h2未响应调整大小

时间:2013-09-21 作者:jaynp

我使用的是本应是响应性的213主题,在我的site.

在此静态主页上,使用标题标记按如下方式生成文本标题:

<h2>Hello!</h2>
如果缩小页面宽度,您将看到页面标题“主页”的大小缩小,但文本标题没有缩小。如何解决此问题?

1 个回复
最合适的回答,由SO网友:Stephen S. 整理而成

您需要访问样式表(style.css)。你的网站使用media queries 以特定的屏幕大小为目标,并在样式表与之交互时应用不同的规则。

在第4.1节中,它将站点标题定义为:

.site-title {
    font-size: 60px;
} 
在第8.0节中,就在下面@media (max-width: 643px) 它将网站标题定义为:

.site-title {
    font-size: 30px;
} 
换句话说,当屏幕大小小于或等于643px宽时,站点标题将调整为30px。

在您的情况下,您希望第8节包含h2的规则(将#替换为所需的像素数:

.site-title {
    font-size: 30px;
}

h2 {
    font-size: #px;
}

结束

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我,对他们来说,建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应,或者它处理的设备是否比移动站点多?