移動網站太寬，視口標記不起作用

有一個桌面版本的網站，我通過編輯相同的CSS文件來製作移動版本。移動網站太寬，視口標記不起作用

我用display: none;隱藏了很多寬/不必要的元素，我確定我在大多數元素上使用了百分比寬度。

在HTML，我有以下的視口代碼：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

...但它並不能幫助：移動版出現過寬的移動設備。用戶需要放大，他/她可以水平滾動網站。顯然，這是不可取的，我需要頁面來適應移動設備屏幕的寬度。

我錯過了什麼嗎？順便說一下，如果有幫助，框架使用Smarty。

編輯：有時，網站調整其寬度到手機屏幕，但這隻發生了幾次，我無法弄清楚如何或爲什麼。

2013-05-16 Onion

您正在測試哪個瀏覽器？ – Xareyo

我在我的android手機和iphone上測試它。它應該工作，但它不。 – Onion

@ user1020567多數民衆贊成在最具問題，是不是？ – DiederikEEn

但是，因爲您不使用「媒體查詢」？

例如：@media（最大寬度：480像素）{ CSS .. }

你會使用媒體臺式機，一個用於手機，所以你將有一個每個特定的CSS。

2013-05-16 12:37:45 Gio

客戶要求我通過檢查用戶代理來做到這一點。可悲的是，我無法使用響應式設計。 – Onion

客戶聘請*你*，因爲*你*是專業人士，而不是他們。用戶代理不能被信任以正確標識自己，並且每當新的出現時必須更新UA字符串的列表。這是更多的工作，從長遠來看需要更多的維護，並且比僅使用媒體查詢更不可靠。 – cimmanon

試着向客戶解釋，他強調他不想要響應式設計。我別無選擇。 – Onion

顯然，修復與視口無關。

問題是由框架造成的。我正在處理的框架有一個奇怪的主頁結構 - index.php包含一個框架集，它加載了頁面的其餘部分。不要問我爲什麼，我自己是無能的。

我通過將瀏覽器直接重定向到網站文件（避免框架集）解決了這個問題。

2013-05-16 14:11:41 Onion

回答