2014-12-06 92 views
1

我有Bootstrap 3的問題 - 當我通過縮放頁面時檢查我的桌面上的響應功能,它工作正常。它也適用於responsinator.com等(桌面測試scr: 但是,當我嘗試在Android手機上查看它時,它會得到所有的樣式,在我的CSS中給出,但引導程序網格不能縮放正確 - 它看起來就像桌面版本,但縮小了。我使用這樣的媒體查詢@media screen and (max-width: 768px),screen and (max-device-width: 768px),這可能是一個問題嗎?如果需要,我的CSS文件:http://pastebin.com/zsUQ78q5。我已在我的索引文件中包含<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">標記。在這裏:http://imgur.com/a/MXCjO(1 - 在臺式機上測試,2 - 在手機上的實際外觀 - 類似桌面版本,網格沒有做出響應)引導3網格不能在移動設備上縮放

編輯:問題發生在我使用* .tk別名時,當我進入我的網站使用原來的域名,它工作得很好。任何人有一些想法爲什麼會發生?

回答

4

您可能需要將視口標記<meta name="viewport" content="width=device-width, initial-scale=1">添加到您的html的<head>部分。

+0

我已經寫了,我已經包含這個標記。 – Baxet 2014-12-06 14:56:56

+0

是的,我注意到太晚了,不知道它是否在''而不是''。我想不出爲什麼會發生這種情況。你是否可以在web服務器上運行html + css?或者你可以從它創建一個jsfiddle嗎? – ckuijjer 2014-12-06 14:58:22

+0

絕對在''中。如果你是如此友好來檢查它,它在這裏在線:http://psychiatraplockgostynin.pl/123/ – Baxet 2014-12-06 15:02:27

相關問題