有一个网站。它没有响应。例如，它的容器/主体宽度为 960 像素。有一个弹出窗口，它以某种 Fancybox（在现实生活中 - remodal）打开。窗口和此窗口中的内容是响应式的。但是当它在移动设备上打开时，弹出窗口不使用当前智能手机显示宽度的 CSS 规则，因为该站点是静态的并且具有 960 像素宽度。如何重新定义元视口标签（或其他任何标签），以使浏览器认为该站点是响应式的并打开响应式弹出窗口？
问问题
535 次
有一个网站。它没有响应。例如，它的容器/主体宽度为 960 像素。有一个弹出窗口，它以某种 Fancybox（在现实生活中 - remodal）打开。窗口和此窗口中的内容是响应式的。但是当它在移动设备上打开时，弹出窗口不使用当前智能手机显示宽度的 CSS 规则，因为该站点是静态的并且具有 960 像素宽度。如何重新定义元视口标签（或其他任何标签），以使浏览器认为该站点是响应式的并打开响应式弹出窗口？
您可以将@media 查询直接应用于任何元素。使用 3rd 方模式可能并不容易，但理论上它是可能的。
@media (min-width:468px){...}
@media (max-width:4768px){...}
您可以简单地使用响应式 Jquery UI 作为模态，看看这里，如果有帮助： 可能重复