Html 做一个固定的、反应灵敏的div

我有这个设计使用引导有一个左侧栏100%的高度。左侧有一个内容区。左侧边栏是使用position:fixed固定的，因此向下滚动时保持固定。在桌面上就可以了

然而，当从手机上观看时，固定侧边栏会像其他响应性设计一样位于顶部。好的但桌面右侧的内容区域位于侧边栏的顶部，而不是底部，导致位置：固定

我怎样才能修好它？将侧边栏固定在桌面上，并使其在移动设备上响应

对不起，我在用手机

html

---

您必须使用“位置：固定；”相反，如果由于Safari或Mac上的Chrome面临一些布局问题而“绝对”的话！我在一个应用程序中也遇到了这个问题。尝试在Chrome开发者论坛上搜索解决方案。

如果没有更多信息，很难进行诊断，但是您可以尝试以下方法：

在

#侧栏上

而不是使用

高度：100%使用：

top: 0;
bottom: 0;
left: 0;

建议：使用@media查询



发布一些代码，很难想象你的网站看起来是使用媒体查询的好时机？@RokoC.Buljan是的，媒体查询有效谢谢：）你能把它作为一个答案，这样我就可以把它标记为正确吗？：）是的，它确实工作，但滚动时它不是固定的，进行更改和保持位置固定没有区别
#sidebar 
{
 height :100%;
 position : fixed;
 }
html,body
 { 
 height : 100%;
 }

top: 0;
bottom: 0;
left: 0;

@media (max-width: 768px) { /* mobile view */
  #sidebar  {
    position: relative;
    // or any other property to achieve the desired
  }
}