从检查结果来看,响应是由 CSS 引起的(而不是浏览器检测或根据请求的 UA 提供不同的主题)。
如果您检查页面源代码,您应该会发现控制响应能力的代码:
<script type="text/javascript">
var ADAPT_CONFIG = {
path: "http://www.trend-store.nl/skin/frontend/default/galamrhandsome_black/css/",
dynamic: true,
range: [
'0px to 760px = mobile.css',
'760px to 980px = 720.css',
'980px to 1200px = 960.css',
'1200px = 1200.css'
]
};
</script>
这个变量ADAPT_CONFIG被传入a function in this javascript file
因此,我认为要消除响应性,您需要稍微破解这个主题 - 并且可能会产生不可预知的后果。也许主题作者会为你做一个小改动。
我认为有两种方法可以通过替换上面的代码 sn-p 来破解您的主题,或者只是在上面的 sn-p 之后立即添加这些脚本之一:
<script type="text/javascript">
var ADAPT_CONFIG = false;
</script>
或
<script type="text/javascript">
var ADAPT_CONFIG = {
path: "http://www.trend-store.nl/skin/frontend/default/galamrhandsome_black/css/",
dynamic: true,
range: [
'0px to 760px = 960.css',
'760px to 980px = 960.css',
'980px to 1200px = 960.css',
'1200px = 960.css'
]
};
</script>
您需要在主题文件中搜索以找出要编辑的文件。可能是[模板路径]/page/template/html/head.phtml
我建议进行大量测试。可能需要进行更多编辑,显然您可以在此处找到有关此响应方法的更多信息http://adapt.960.gs
**编辑下面的评论
看来您还需要将veiwport meta tag 从
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
到
<meta name="viewport" content="width=960, initial-scale=1.0"/>
假设 960px 是整个页面宽度,但我们可能会在这里打开一罐蠕虫。