放大浏览器窗口时面板位置会发生变化

Question

我面临的情况： 我有一个带有标题，侧边栏和另一个右侧边栏的asp.net。问题是当我在浏览器中执行我的网站并最小化浏览器窗口时。左侧边栏跳转到内容页面，控件全部混合。看到图片的想法。

另一个问题是，当我以更宽的屏幕分辨率执行该网站时，控件（面板）的边距更大，并且外观看起来更宽。

任何想法如何解决这个问题？ 提前谢谢

编辑：

Sidepanel（右）CSS代码：

#droite
{
    position: fixed;
    top: 22.5em;
    right: 5%;
    width: 13%;
    background-color: White;
}

Answer 1

我在我的网站（firedrake969.github.io）上做的是添加一些简单的jQuery代码，以便在窗口变得太小时隐藏侧边栏。如果您不介意使用jQuery，我会说这是最佳选择。但是，如果您不想使用jQuery，我不认为如果浏览器窗口太小，position:fixed只能使用CSS / HTML隐藏该栏。

Answer 2

你可能需要类似的东西。 max-width可以设置为您选择的任何屏幕宽度。

 @media screen and (max-width:768px) {
        #droite
        {
            position: fixed;
            top: 22.5em;
            left:5%;
            width: 100%;
            background-color: White;
        }
    }