非響應頁面中的響應彈出

Question

有一個網站。 它沒有響應。 例如，它的容器/主體寬度為960像素。 有一個彈出窗口，其中打開了某種Fancybox（在現實生活中-重新格式化）。 該窗口和該窗口中的內容是響應式的。 但是，當它在移動設備上打開時，彈出窗口不會針對當前智能手​​機的顯示寬度使用CSS規則，因為該網站是靜態的，寬度為960像素。 如何重新定義元視口標簽（或其他任何內容），以使瀏覽器認為該網站具有響應能力並打開響應彈出窗口？

Answer 1

您可以將@media查詢直接應用於任何元素。 使用第三者模式可能並不容易，但從理論上講它是可能的。

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

Answer 2

您可以簡單地使用使用響應式Jquery UI作為模式，如果有幫助，請看這里： 可能重復