Javascript 模态-内容在较小的监视器上脱离模态？

我下载了一个名为blockUI的免费模式插件，并将其用作我的图像上传模式

到目前为止，我已经设计、定位了所有东西，但我有一个问题：

当我把浏览器的屏幕缩小，或者在iphone上，或者在我的另一个屏幕上，一些内容会脱离模式

参见此处示例：

（来源：）

在屏幕上查看要测试的网站的实时示例：

为什么会这样？我已经设置了

min width

，模式应该自动调整背景的大小，并让内容进入

资料:

.file\u bg

每个文件都将存储在file\u bg中，它就像一个块，可以保存图像预览、进度条等

#启动按钮

-进度条

#按钮_删除

-#按钮_链接-删除/复制到剪贴板图标

CSS文件：

JS文件：

---

为什么这样做？

对于div.blockUI blockMsg blockPage更改最小宽度：35%；到宽度：35%，并添加一个固定像素值的最小宽度（在您的情况下，520px似乎很好）。这应该能奏效。对于移动设备，您可以使用@media查询为width和minwidth应用不同的值

div.blockUI blockMsg blockPage {
width:35%;
min-width:520px;}

---

减少

留下的宽度或边距。加载_start

CSS类将解决窗口过大的问题。在firefox中上载图像时，您可以在这里看到同样的问题：）非常好，您节省了我的时间。非常感谢+1表示mobileNo问题：），如果您是@media查询新手：