如何動態調整使用Java腳本利潤率的ASP.NET

Question

我有這個DIV ID = popupContent這表明在彈出的窗口

相關CSS類

.popupWindow 
{ 
    position:absolute; 
    top:10%; 
    left:30%; 
    z-index:1001; 
    background-color:#fff; 
} 

一些數據，在某些情況下，這個div的內容必須拉伸到1000px的寬度。所以在較低的分辨率下，它只顯示彈出窗口的一部分。 我想根據屏幕分辨率動態調整此頂部和左側屬性。

因此，例如，如果分辨率是1920x1080 頂部應該是10％; 離開 30％， 在1280x760 頂部： 5％左： 10％....

如果有人知道的解決方案，我應該心存感激。

Answer 1

@media screen and (max-width: 1920px), screen and (max-height:1080px) { 
    .popupWindow 
     { 
     top:10%; 
     left:30%; 
     } 
} 

@media screen and (max-width: 1280px), screen and (max-height:760px) { 
    .popupWindow 
     { 
     top:5%; 
     left:10%; 
     } 
}