【问题标题】：Web responsive pages on RailsRails 上的 Web 响应式页面
【发布时间】：2026-02-12 23:55:02
【问题描述】：
我已经尝试过使用：
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
但我的地图框没有响应。
当我在手机上打开时，页面不会自动调整高度。
【问题讨论】：
标签：
javascript
html
css
ruby-on-rails
【解决方案1】：
我不确定您粘贴的代码的哪一部分会改变您页面上 Mapbox 元素的高度。
您可以尝试直接在 CSS 中设置地图高度吗？
如果你有
<div id="map"></div>
你可以在 CSS 中设置高度
#map {
height: 100vh;
}
vh 代表视口高度。 50vh 将解析为当前视口高度的 50%。所以 100vh 应该填满屏幕的整个垂直高度。更多关于这些视口单元的信息，请访问CSS Tricks。