在chrome的浏览器上出现Error parsing a meta element's content的页面报错

2016/12/15 11:06:07 人评论 次浏览 分类:Html5


网站发布到服务器的站点之后在chrome浏览器的调试模式下,可以看到console中出现错误信息,“The value "0;" for key "user-scalable" was truncated to its numeric prefix”
Error parsing a meta element's content: ";" is not a  valid key-value pair separator. Please use ',' instead.

如下图所示:



其实这里可以通过对应提示语可以定位到页面代码中出现问题的地方,通过关键词 user-scalable meta content我们可以知道问题出在页面的head的meta部分
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0; user-scalable=no" name="viewport">这里。

问题在于maximum-scale=1.0;user-scalable=no 这里中间1.0的后面用了分号不是用逗号导致的

正确的写法:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">


相关资讯

  • 通过js判断浏览器是否支持HTML5特性

    在开发的过程中有时候需要对一些html5的专属特性进行判断,判断浏览器是否支持HTML5特性,一般是通过js进行判断,目前判断浏览器是否支持html5特性,主要通过js判断是否支持html5特性中的某种特性,例如像window.applicationCache,Canvas,Worker。

    2016/7/6 12:11:21