网站不会“缩小”以适应移动设备答案

【问题标题】：Website not "shrinking" to fit mobile devices网站不会“缩小”以适应移动设备
【发布时间】：2013-08-01 15:55:47
【问题描述】：

我建立了很多网站，它们都在移动设备上做同样的事情。他们像他们应该的那样缩小了所有的小。

我使用 Joomla 2.5 和 Wright 框架构建的这个网站不会调整大小。（是的，我知道 Wright 是响应式设计的 Bootstrap 框架，但客户在项目结束时要求网站不响应，他们不喜欢它）

我已经尝试了所有我能找到的。有人有什么建议吗？

这是网站。在您的移动设备上查看它，您就会明白我的意思。

http://174.122.19.188/~rockwall/

我尝试过的一些元名称：

    <meta name = "viewport" content = "width = device-width">
    <meta name = "viewport" content = "initial-scale = 1.0">
    <meta name = "viewport" content = "initial-scale = 2.3, user-scalable = no">
    <meta name = "viewport" content = "width = 320, initial-scale = 2.3, user-scalable = no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">

【问题讨论】：

标签： mobile joomla2.5

【解决方案1】：

如果您希望将页面“缩小”到屏幕宽度，请将视口宽度设置为等于最宽容器的宽度。

<meta name = "viewport" content = "width = 940">

如果要允许用户放大，请添加 user-scalabel 并设置最大比例。

<meta name = "viewport" content = "width=940, maximum-scale=1.0, user-scalable=yes">

例如here

【讨论】：

它没有用。似乎会，但事实并非如此。我认为这与我使用响应式模板并将其关闭这一事实有关。我可能已经走了。
查看您模板的 CSS 并评论我们的任何媒体{}块。这应该完全禁用主题。
我超越了一步。只是想看看我是否可以让网站适合。我删除了整个 bootstrap.css 文件，以便查看其中是否有问题。还没有。我会继续挖掘。
使用以下元标记，它将起作用。 <meta name="viewport" content="width=970, maximum-scale=1.0"> - Example here
不，您不是，如果我查看您的来源，我会看到两个。删除这一行 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 这是导致内容仅显示顶部 320px x 640px 的 initial-scale=1.0