Javascript 在非响应发布者网站上呈现第三方响应内容

我正在开发一个第三方应用程序，目的是在它将被放置的站点上响应。此“小部件”将放置在通常没有响应的站点上。我使用CSS媒体查询来检测屏幕大小，如下所示：

@media only screen and (min-device-width : 320px) and (max-width: 800px) {
  /* STYLES */
}

还可以检测移动浏览器以触发各种特定于移动设备的JavaScript功能，如：

 var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

 if(isMobile) {
   // Do Something
 }

当我在有响应的发布者网站上测试这些样式和功能时，它们工作得非常好，但当小部件被放置在无响应的网站上时，它们不会执行（默认为桌面样式和JS）。我能让无响应的站点玩得更好的唯一方法是插入以下元标记以限制在发布者页面上的缩放：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

理想情况下，我不会在发布小部件的非响应移动站点上限制浏览器的缩放。我能做些什么来避免添加这个标签吗

一般来说，当我的手机特定风格和JS被放置在一个没有响应的发布者的网站上时，我能做些什么来确保它正确运行

---

非常感谢您的帮助。

如果您的小部件嵌入的整个页面没有响应，那么让您的小部件响应又有什么意义呢？那么，您的“桌面”样式和脚本执行的实际危害是什么？@CBroe：我们的桌面样式在移动设备上相对不可用。我们有一个固定的元素，它位于窗口的一侧。单击此按钮将触发覆盖显示。此覆盖在移动设备上不可用。