如何修复模态弹出监视器分辨率问题？ [英] how to fix modal pop up monitor resolution problem?

问题描述

我的朋友有一个模态弹出扩展器，它有iframe iframe有一个webform



但模式弹出扩展器，如果它是打开不同的位置，当监视器分辨率不同的



如果不同，如何解决显示器分辨率的这个问题

我知道css代码但是我没有做



这是我的css modalpopup和i帧代码

。 modalPopup  
 {
 
  border-width   ：  1px;  
  border-style  ：  solid;  
  border-color  ：  #ffffdd;  
  padding  ：  3px;  
  height  ： < span class =code-keyword> 600px;  
  width  ： < span class =code-keyword> 930px;  
 
  margin-left   ：   -  98％;  
 
  margin-top  ：   -  21％;  
 
 
 
 
  position  ：  relative;  
 
 
 
} 
 
。 iframesize  
 {
 
  border-width  ：  1px;  
  border-style  ：  solid;  
  border-color  ：  #ffffdd;  
  padding  ：  3px;  
  height  ：  600px;  
  width  ：  930px;  
  position  ：  relative;  
 
  margin-left  ：   -  98％;  
 
  margin-top  ：   -  45％;  
 
 
 
} 

解决方案

< blockquote>使用jquery获取屏幕高度和宽度

screen.height;

screen.width;

然后动态设置窗口高度和宽度在document.ready（）

my friends there is a modal pop up extender and it has iframe iframe has a webform

but modal pop up extender if it is open different position when monitor resolution different

how to fix this problem for monitor resolution if it is different
I know css code but I didnt do

this is my css modalpopup and i frame code

.modalPopup
    {

    border-width:1px;
    border-style:solid;
    border-color:#ffffdd;
    padding:3px;
    height:600px;
    width:930px;

    margin-left:-98%;

    margin-top:-21%;




    position:relative;



    }

    .iframesize
    {

     border-width:1px;
    border-style:solid;
    border-color:#ffffdd;
    padding:3px;
    height:600px;
    width:930px;
    position :relative;

    margin-left:-98%;

    margin-top:-45%;



        }

解决方案

Get the screen height and width using jquery
screen.height;
screen.width;
Then set the window height and width dynamically on document.ready()

这篇关于如何修复模态弹出监视器分辨率问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！