Rails上的Web响应式页面

Question

我已经尝试过使用：

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

但我的mapbox对此没有响应。当我在手机上打开时，页面不能自动调整高度。

Answer 1

我不确定您粘贴的代码的哪一部分会改变页面上Mapbox元素的高度。

您可以尝试直接在CSS中设置地图高度吗？

如果你有

<div id="map"></div>

你可以在你的CSS中设置高度

#map {
  height: 100vh;
}

其中vh表示视口高度。50vh将解析为当前视口高度的50%。因此100vh应该填满屏幕的整个垂直高度。有关这些视口单位的更多信息，请访问CSS Tricks。