2013-01-09 71 views
1

我有一個內置的大量網站,他們都在移動設備上做同樣的事情。他們縮小了他們應有的一切。網站不「縮水」以適應移動設備

我使用Joomla 2.5和Wright Framework構建的這個網站不會調整大小。 (是的,我知道賴特是響應式設計的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"> 

回答

3

如果您正在尋找「縮水」的頁面,屏幕的寬度,設置視口寬度等於你最寬的寬度容器。

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

如果您想允許用戶放大,請添加user-scalabel並設置最大比例。

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

here

+0

它沒有工作。似乎會,但事實並非如此。我認爲這與我使用響應模板並將其關閉的事實有關。我可能會離開。 – Jake

+0

查看模板的CSS並評論我們的任何媒體塊。這應該完全禁用主題。 – PassKit

+0

我超越了一步。只是想看看我能否讓網站適合。我刪除了整個bootstrap.css文件,所以我可以看到其中是否有問題。還沒有。我會繼續挖掘。 – Jake