放大瀏覽器窗口時面板位置發生變化

我面臨的情況：我有一個帶有標題，側邊欄和另一個右側邊欄的asp.net。事情是當我在瀏覽器中執行我的網站，並最小化瀏覽器窗口。左側的側邊欄在內容頁面上跳轉，控件混合起來。看圖片的想法。放大瀏覽器窗口時面板位置發生變化

另一個問題是，當我在更寬的屏幕分辨率下執行該網站時，控件（面板）的邊距變大了，而外觀變得更寬了。

任何想法如何解決這個問題？預先感謝您

enter image description here

編輯：

側面板（右）的CSS代碼：

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

來源

2014-09-24 user2233979

您可能需要爲此發佈一些代碼。不過，它看起來只是CSS定位的問題。 – CrazyPaste 2014-09-24 16:25:11

已編輯！添加側欄的CSS代碼 – user2233979 2014-09-24 16:28:41

你需要一個媒體查詢來改變更小的屏幕尺寸的寬度屬性。現在它是13％，因此它在小視口中真的很小 – flybear 2014-09-24 17:09:24

我確實在我的網站（firedrake969.github.io）是什麼添加一些當窗口變得太小時，簡單的jQuery代碼就可以隱藏邊欄。如果你不介意使用jQuery，我會說這是要走的路。但是，如果你不想使用jQuery，如果瀏覽器窗口太小，我認爲position:fixed不能用CSS/HTML隱藏欄。

來源

2014-09-24 16:36:30 Firedrake969

我不想隱藏面板！我希望它保持在窗口全尺寸時的位置。它是一個面板通知用戶他們在線。隱藏將不是邏輯。 – user2233979 2014-09-24 16:41:07

啊，所以一直在文檔的最右邊？你也可以使用jQuery，或者把所有東西都放在一個wrapper div中。 – Firedrake969 2014-09-24 20:27:19

您可能需要與此類似的東西。 max-width可以設置爲您選擇的任何屏幕寬度。

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

來源

2014-09-24 18:46:19 flybear

放大瀏覽器窗口時面板位置發生變化

回答

相關問題