Meta tag viewport

时间：2017-05-24 作者：eastwind

我从头开始创建了我自己的WordPress主题，我没有使用页眉或页脚（因此没有header.php或footer.php文件）。所有重要内容都直接在索引中。php文件。

所以我想知道我可以把我的元标签放在哪里。特别是这个元标记，

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
我目前正在使我的主题具有响应性，到目前为止，我所有的css媒体查询都无法正常工作。

我可以把它放在我的索引中吗。php文件，或者我必须在函数中设置函数。php文件？

谢谢你的帮助！

2 个回复
最合适的回答,由SO网友:LWS-Mo 整理而成

元标记应插入到<head> 网站的节。无论您是否使用header.php 和footer.php 不管你有没有<head> 文档中的节。

例如，文档中的代码应类似于：

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( \'charset\' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
还要确保您正在使用<?php wp_head(); ?> （关闭前</head> 第节）和<?php wp_footer(); ?> （关闭前</body> 第节），因为几乎所有插件都依赖于这些。因为此代码是header.php 和footer.php 文件。

我想这不是真正的WP问题，只是关于元标记和节。

SO网友:Muddasir

在函数中尝试此操作。php

add_action( \'wp_head\', \'add_viewport_meta_tag\' , \'1\' );

function add_viewport_meta_tag() {
    echo \'<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">\';
}

结束
标签： theme-development   responsive   小码农  

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我，对他们来说，建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应，或者它处理的设备是否比移动站点多？