Question

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

我使用Joomla 2.5和Wright Framework构建的这个网站不会调整大小。（是的我知道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">

Answer 1

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

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

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

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

示例here

网站没有“缩小”以适应移动设备

1 个答案: