桌面视图:


jquery - 平板电脑屏幕上的模式获利从顶部开始,但桌面屏幕上没有-LMLPHP


  平板电脑视图:


jquery - 平板电脑屏幕上的模式获利从顶部开始,但桌面屏幕上没有-LMLPHP

模态正在显示afterdesktop view中的导航标题,但是在tablet view中在gapnavigation header之间显示modal
如何消除该间隙并使布局结构与桌面视图相同?

div#modal.modal {
 display: block;
 opacity: 1;
 transform: scaleX(1);
 margin-top: 0vh;
 margin-right: 1px;
 width:40%;
 z-index:1;
 height:100% !important;

}

最佳答案

由于您没有提到此图像的代码,因此问题似乎不清楚。

替代解决方案:

使用media query并使margin-top为负值。

 @media only screen and (max-width: 768px){
    div#modal.modal{
        margin-top: -[value]
       }
    }

关于jquery - 平板电脑屏幕上的模式获利从顶部开始,但桌面屏幕上没有,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58189063/

10-12 12:54
查看更多