H5標籤顯示頁面之間的不同大小 - WordPress的主題發展

Question

我一直在努力開發一個WordPress的主題，無法弄清楚這一點。我在移動設備上放大了250％，除了一頁以外，所有頁眉文本都是相同的。它顯示的一個頁面比其他頁面大得多，就好像它已經被放大一樣。任何想法？

代碼放大移動。

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

Div的我在同一頁上使用。

.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">