我有一个网站:trends-store.nl它是基于马根托(1.8),我有galathemes.com上的Handsome先生主题但我如果你用手机去网站。它有一个不同的外观;移动外观。我不想要响应/移动布局,我该如何删除它。我也看过css,但在css中找不到任何东西。以下是css链接:http://trend-store.nl/skin/frontend/default/galamrhandsome/css我试过分配。但是我什么也找不到。你能帮我吗?谢谢,
根据检查,响应性是由于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
被传递到这个javascript文件中的一个函数中
因此,我认为要消除响应性,你需要稍微破解这个主题——这可能会产生不可预测的后果。也许主题作者会为你做一个小小的改变。
我认为有两种方法可以破解你的主题,替换上面的代码片段,或者在上面的代码之后立即添加其中一个脚本:
<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 name="viewport" content="width=device-width, initial-scale=1.0"/>
至
<meta name="viewport" content="width=960, initial-scale=1.0"/>
假设960px是整页宽度,但我们可能在这里打开了一个蠕虫罐头。