Question

我有一个网站：trend-store.nl 这是基于Magento（1.8），我有来自galathemes.com的Mr Handsome主题但是，如果你继续使用手机访问该网站。它有不同的外观;移动外观。我不想要响应/移动布局，我该如何删除它。我也看了css，但我无法在CSS中找到任何东西。这是css链接：http://trend-store.nl/skin/frontend/default/galamrhandsome/css 我试过分配。但我找不到任何东西。你能帮助我吗？谢谢，

Answer 1

从检查开始，响应性是由于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

所以我认为要删除你需要的响应能力来破解这个主题 - 并且可能会产生不可预测的后果。也许主题作者会为你做一个小改动。

我认为有两种方法可以通过替换上面的代码段来破解您的主题，或者只是在上面的代码段之后立即添加其中一个脚本：

<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是整页宽度，但我们可能会在这里打开一堆蠕虫。

删除magento主题上的移动视图

1 个答案: