2013-04-16 42 views
0

我已插入:元視口比例不工作 - 響應

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

到我的網站的標題,但它不是我的MacBook上禁用SCALE功能(還沒有在其他地方進行過測試),它應該像是。我已經嘗試了與之前使用的另一個主題中使用的代碼完全相同的代碼,但它仍然無效。

這可能是什麼原因以及如何解決?

+0

我認爲元視圖端口更適合移動設備上的縮放功能,而不是滾動上下頁面,您正在考慮的主題是要麼絕對定位「」,要麼隱藏溢出以停止滾動? – Jamie

+0

對不起,我的意思是縮放不滾動。我認爲你是對的,我是新來的視口所以不好意思。我檢查了我的iPhone,它已禁用縮放,這是很好的。 我想有一個不同的設置來禁用所有設備上的縮放? (電腦屏幕) – jamcd

+0

如果瀏覽器的用戶代理選擇忽略元標記,那麼沒有簡單的解決方案。看到[這個答案在SO](http://stackoverflow.com/questions/1713771/how-to-detect-page-zoom-level-in-all-modern-browsers)爲一個相對完整的選項列表,但我強烈建議不要嘗試在所有瀏覽器中強制不縮放。 –

回答

0

另一種選擇是使用responsivem.js它需要你指定em中的所有內容,但是你可以編寫一個腳本來用em替換所有的px。一探究竟。