2013-12-19 25 views
7

我正在使用twitter引導框架。我想禁用縮放觸摸設備。我已經使用過在自舉框架中禁用縮放觸摸設備

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

這個。沒有引導框架,我可以防止縮放觸摸設備,但與框架我不是。那麼是否有任何解決方法可以做到這一點。

在此先感謝。

+0

您是否有現場演示?你測試過哪些平臺?刪除Bootstrap的CSS是否解決了這個問題? – BenM

+4

你可能在你的標記中有多個視口元標記... – enyce12

+0

@ Damian Frizzi:你是對的...有兩個元標記正在殺死功能......謝謝 –

回答

1

傢伙感謝您的答案。其實這是我愚蠢的錯誤。我在頁面中有多個元,它導致了問題。下面的代碼應該適用於所有人。

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

其他一些答案也解決了你的問題。 –

2

如果你看一下引導文件,他們紛紛表示,爲了禁用變焦,您必須打開和關閉head標籤之間的以下meta標籤:

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

非常感謝你 –

+0

錯誤通知? –

+0

我如何在asp上做到這一點。內容頁 ?我可以在代碼後面像Page.MetaKeywords這樣做嗎? –

10

編寫以下代碼將禁用手機變焦禁用安迪還禁用着眼於任何輸入類型

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

1

正如其他人提到的,你也可以在http://getbootstrap.com/css/#overview-mobile引導文檔中發現這裏是解決

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