2013-02-28 165 views
1

我有我的網站在Isotope Labs防止縮放移動網站不能正常工作

它使用mediaquery來檢測手機並設置一個移動樣式表(mobile.css),其主體寬度爲100%。

scripts.js文件也禁用移動設備的jQuery腳本。

這一切工作,除非我似乎無法正確禁用移動設備上的縮放。

我用在我的HTML頭以下禁用縮放移動(想很多辦法之後):

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

在iOS和Chrome移動設備的Android,它仍然允許縮放。它確實應用了移動樣式表,但看起來不太正確(文本顯得太小)。

它實際上適用於Android的股票瀏覽器,儘管每次刷新時都會在看起來正確和表現完全像Chrome和iOS之間交替進行。

我已經通過並刪除了頭部的所有內容,但即使我刪除了所有的javascript和CSS,仍然允許縮放。

這讓我瘋狂。有任何想法嗎?

回答

2

您似乎將元標記設置在子框架中,而不是根頁面。直接查看完整頁面的網址時,可以防止縮放。

+0

我的天哪。這是我指責的最後一件事。 – 2013-02-28 18:14:14

+0

我的網站實際上託管在thetruenorth.co.uk並轉發到其他網址。這個轉發是把它放在一個框架,並做出正確的舊混亂。感謝您指出這一點! – 2013-02-28 18:20:02