H5 标签在页面之间显示不同的大小 - Wordpress 主题开发

Question

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

移动设备放大代码。

.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/ and the page that is showing a larger font size than any other header page is 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">

H5 标签在页面之间显示不同的大小 - Wordpress 主题开发

H5 Tag showing different sizes between pages - Wordpress Theme Development

css

wordpress

themes