我正在使用Foundation的最新版本Foundation 5,我想在我的项目中使用Reveal Popup,我尝试使用以下代码和.js文件来实现.
它在笔记本电脑和平板电脑等大型显示器上运行良好,但是当我尝试在移动设备等小型设备上打开我的页面时,它显示不正常我必须在我的移动屏幕中左右移动才能看到整个弹出窗口.
>包含CSS
< link href =“../../ Content / foundation / css / foundation.css”rel =“stylesheet”type =“text / css”/>
< link href =“../../ Content / foundation / css / normalize.css”rel =“stylesheet”type =“text / css”/>
> HTML部分
>图片2
最佳答案
使用基础的内置网格类大10小10中10
你必须删除这行css：
.reveal-modal {
width: 100vw; //remove this line from your css
}
原文链接：https://www.f2er.com/jquery/428287.html