Question

我在wordpress下的functions.php文件中有以下元标记。

<meta name="viewport" content="width=device-width">

和自定义CSS：

.x-navbar .desktop .x-nav>li>a>span {
padding-left:15px;
padding-right:15px;
}

.x-comments-area{
display:none;
}

@media (max-width: 1024px) and (min-width:801px){
.x-navbar {
  font-size: 12px;
}

.x-navbar .desktop .x-nav>li>a>span {
padding-left:5px;
padding-right:5px;
}
}

我需要更改视口大小，因为google insight说：

页面内容为389 CSS像素宽，但视口仅为375 CSS像素宽。

我想知道我在创世纪主题中的变化，因为我有wordpress网站进行优化。

Answer 1

function et_add_viewport_meta_2(){
	echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">';
}
add_action( 'wp_head', 'et_add_viewport_meta_2' );

Answer 2

您可以在functions.php中添加以下代码

 /** Add Viewport meta tag for mobile browsers */
     add_action( 'genesis_meta', 'add_viewport_meta_tag' );
     function add_viewport_meta_tag() {
     echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
     }

在wordpress主题创世中设置视口大小的位置

2 个答案: