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

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

1 个答案: