在这里直播链接 http://soloveich.com/pr6/
这是一个wordpress网站。使用bootstrap， 我将整个设计分为两列
<div class="col-md-3 col-sm-6 col-xs-12" id="side1"></div>
<div class="col-md-9 col-sm-6 col-xs-12"></div>
不要把造型放在这里。太多了。
此外，使用WEN的响应列布局短代码作为inpost响应列。
一切都在屏幕测试仪上完美运行。但不是在手机上。这两个主列没有相互堆叠，菜单拒绝变为响应一个（它在屏幕测试器上），并且inpost列开始溢出。
通常使用此测试仪 http://quirktools.com/screenfly/
答案 0 :(得分：1)
在<meta name="viewport" content="width=device-width, initial-scale=1" />代码中添加<head>。
您可以找到有关视口元标记here的详细说明。
答案 1 :(得分：1)
在头标记中使用以下元
<meta name="viewport" content="width=device-width, initial-scale=1.0" />