WP——如何让pc端网站在手机上可以等比缩放的整个显示

怎样实现其在移动端自适应？有哪些解决方案？

在head里面加进这段代码，正如下方第5点。

<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">

具体情况如下

1.<– 宽度为默认宽度，不支持用户缩放 –>

<meta name="viewport" content="width=width,user-scalable=no">

2.<– 宽度为默认宽度，不支持用户缩放 –>

<meta name="viewport" content="user-scalable=no">

3.<– 宽度为默认宽度，支持用户缩放 –>

<meta name="viewport" content="user-scalable=yes">

4.<– 宽度为设备宽度，初始缩略比例为原始大小，不支持用户缩放 –>

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

5.<– 宽度为设备宽度，初始缩略比例为原始大小，额外加了最大缩略值为原始状态，不支持用户缩放 –>

<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">

由此我的个人心得是：

width=device-width, 指的是自适应设备，附带initial-sacale=1.0来加以肯定。
如果想做到PC端在手机上自适应显示，而又可以用户缩放。那么就去掉user-scalable=0，或者使用 user-scalable=yes。user-scalable=no 和 user-scalable=0 是一个效果即不支持用户缩放。
inimum-scale=1.0, maximum-scale=0.0 其实要不要都无所谓，只是进一步限定而已。【盲猜，这里加上是因为本人的主题的图文插件需要这个功能】
经验证，若是会影响你的图文插件，最好是选择手机端不可缩放。

最后付上本人主题的原header代码样式以备自查。

<!DOCTYPE HTML>
<html <?php echo 'lang="' . esc_attr(get_bloginfo( 'language' )) . '"'; ?>>
<head>
	<meta charset="UTF-8">
	<link rel="dns-prefetch" href="//apps.bdimg.com">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=0.0">
	<meta http-equiv="Cache-Control" content="no-transform" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<?php wp_head(); ?>
	<?php tb_xzh_head_var() ?>
</head>
<body <?php body_class(_bodyclass());?>>
<?php echo qj_dh_nr();?>
	<?php zib_header();?>

版权声明 1 本网站名称：EK汉化
2 本站永久网址：https://www.ekhanhua.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ1260542360进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6 本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。

THE END