桌面视图:
平板电脑视图:
模态正在显示after
在desktop view
中的导航标题,但是在tablet view
中在gap
和navigation 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/