显示不同页面大小的H5标记- Wordpress主题开发

Question

我一直致力于开发一个Wordpress主题，但无法解决这个问题。我放大250%，而在移动，所有的标题文本是相同的每一页，除了一个。它显示的那一页比其他的要大得多，好像它已经被放大了一样。有什么想法吗？

用于移动的放大代码。

.site-header h5 {
font-size: 250%;
letter-spacing: 2px;
color: #3b3a36;
font-family: 'Russo One', sans-serif;
margin: 0;}

我在同一页上用的。

.about-header {
width: 100%;}

.about {
display: flex;
width: 100%;
flex-flow: column wrap;}


.about1 {
width: 98%;
box-shadow: inset 0 0 8px 2px rgba(0,0,0,.75);
padding: 10px;
margin-bottom: 10px;}


.about2 {
width: 98%;
box-shadow: inset 0 0 8px 2px rgba(0,0,0,.75);
padding: 10px;  
}

.about div:nth-of-type(1n+2) {
margin-left: 0px;
padding-bottom: 20px;   
flex: 1;}

我用来测试我的主题的网站是http://rockstarfrenchie.com/，显示出比任何其他标题页面都大的字体大小的页面是http://rockstarfrenchie.com/about/。

请记住，我只在手机上有这个问题，这意味着这与我在某个地方放大250%的文本有关，但我搞不懂。

提前感谢您的帮助。

Answer 1

我想我已经发现了这个问题，这意味着你需要对你的css做一些修改，但至少所有事情都是一致的。

文档头中的元标记是错误的。你有：

<meta name="view port" content="width=device-width, initial-scale=1">

viewport是一个词。改为：

<meta name="viewport" content="width=device-width, initial-scale=1">