屏幕上的测试响应的作品，而不是在手机

直播链接这是一个WordPress站点。使用自举，我已经把整个设计以两列

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

不是要放在这里的样式。太多了。

另外，对于inpost响应列使用WEN的响应列布局简码。

一切正常在屏幕测试仪上正常工作。不过，不是在手机上。这两个主要列不互相堆叠，菜单拒绝变为响应式（它在屏幕测试器上执行），并且inpost列开始溢出。

2014-02-06 shell

添加<meta name="viewport" content="width=device-width, initial-scale=1" />您<head>标签内。

您可以找到有关视口元标记here的很好解释。

2014-02-06 05:10:46 Filly

谢谢大家了！ – shell

不客气！ – Filly

使用以下元在你的脑袋标签

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

2014-02-06 05:17:03

回答