响应式弹出窗口在非响应式页面中

Question

有一个网站。它没有响应。例如，它的容器/主体宽度为960像素。 有一个弹出窗口，它打开了某种Fancybox（在现实生活中 - 重塑）。 窗口和此窗口中的内容是响应式的。但是当它在移动设备上打开时，弹出窗口不会对当前智能手​​机显示宽度使用CSS规则，因为该网站是静态的并且宽度为960像素。 如何重新定义元视口标记（或其他任何内容），以使浏览器认为该网站具有响应性并打开响应式弹出窗口？

Answer 1

您可以将@media查询直接应用于任何元素。使用第三方模态可能并不那么容易，但从理论上讲它是可能的。

@media (min-width:468px){...}
@media (max-width:4768px){...}

Answer 2

你可以简单地使用响应式Jquery UI作为模态，看看这里，如果这有帮助： possible duplicate