如何动态调整使用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%; 
     } 
}