javascript – 如何使Foundation 5显示响应弹出窗口？

我正在使用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

mine.aragraph that lives inside of an even cooler modal. Wins

你必须删除这行css：

.reveal-modal {
  width: 100vw; //remove this line from your css
}