我使用bootstrap創建了一個簡單的網站。我發現,當我減少計算機上瀏覽器的寬度時,它看起來很敏感(例如,文本框的寬度減小)。爲什麼在我的手機上不能啓動bootstrap?
但是,當我在手機上打開此URL時,它是頁面的縮小版。有想法該怎麼解決這個嗎?
http://warm-oasis-9302.herokuapp.com/decks/new
我使用bootstrap創建了一個簡單的網站。我發現,當我減少計算機上瀏覽器的寬度時,它看起來很敏感(例如,文本框的寬度減小)。爲什麼在我的手機上不能啓動bootstrap?
但是,當我在手機上打開此URL時,它是頁面的縮小版。有想法該怎麼解決這個嗎?
http://warm-oasis-9302.herokuapp.com/decks/new
按Bootstrap docs,您的網站沒有響應,直到它包含這在<head>
標籤:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
添加viewport meta tag您<head>
內:
<meta name="viewport" content="width=device-width, initial-scale=1.0">