为什么在火狐上可以响应式，而在chrome上无法响应式

Question

利用网页文章编辑入口，在不修改原基础代码的情况下，置入自定义的CSS与JS，结合外部BOOTSTRAP，通过JS修改CLASSNAME，实现bootstrap的简单手机版本
但是firefox可以实现手机版本，而webkit内核浏览器则无法实现
代码如下：

网页地址
CSS地址
JS地址

Answer 1

CSS 导入不够严谨，先导入JS，再导入CSS
正确是：
<script src="htmledit-cms.js"></script>
<link href="htmledit-cms.css" rel="stylesheet" media="screen and (max-width:768px)">

Answer 2

我测试过了，js的问题，你可以在你的js里面打个断点，看下返回的宽度是多少？

这是我在电脑端的chrome上测试的结果，可以看到我通过控制台成功执行到了下一步了。