如何在ASP.Net中使用java脚本动态调整页边距

How to dynamically adjust margins using java script in ASP .Net

本文关键字：脚本 java 动态 调整 页边距 ASP Net      更新时间：2023-09-26

我有一个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%。。。。

若有人知道解决办法，我将不胜感激。

@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%;
      }
}
相关文章：