我使用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">