html - 非响应页面中的响应弹出窗口

Question

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

Answer 1

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

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