关于PC端页面适应不了手机端的问题 解决方案
最近在维护老官网的过程中发现,有很多页面都不能在手机上看到缩小版的PC端,排查到了最后发现竟然是
这段标签
<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1;" id="viewport" name="viewport" />
和这两段
<meta name="renderer" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
冲突,不能同时用
最后的解决方案是把iwms模板里引得 head.inc文件里的 <meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1;" id="viewport" name="viewport" /> 这段标签删掉。
non-responsive.css文件里的
/*最小宽度设为版心的宽度以适应手机*/
body{
min-1200px;
}