如何设置javascript弹出窗口的最大宽度

下面的html代码生成一个链接，上面写着“sacola The compras”

xMinicart（“style=”，“layout=Mini”）；

如果单击该链接，将出现一个弹出窗口（它不是如原始窗口中所示的那样按需弹出）。 我对弹出窗口的问题是它没有响应。如果我使用iPad或iPhone，弹出窗口将超过屏幕大小

要检查问题，请输入此项并单击

访客访问

。然后点击“sacola de compras”链接

如何限制弹出窗口的宽度？它是否与上面的

xMinicart

函数有关

不确定它是否有用，但下面是上面代码中的示例

---

提前感谢

使用

最大宽度

或者在你的CSS中

.ecwid-popup {
    max-width: 200px;
}

或者内嵌，在HTML中

<div class="ecwid-popup ecwid-ProductBrowserPopup ecwid" style="max-width: 200px;">

---

Ecwid最终将使弹出式窗口具有响应性，以便在任何设备上都能正常工作。同时，我可以建议一种解决方法：虽然它不会使弹出窗口响应，但它将允许您避免弹出窗口，并在单独的响应页面上显示购物车内容，这在移动设备上看起来很好。解决方法是使用Ecwid的

Ecwid\u ProductBrowserURL

选项，如下所示：

 <script> var ecwid_ProductBrowserURL = "http://www.example.com/my_separate_store_page.html"; </script>

var ecwid_ProductBrowserURL=”http://www.example.com/my_separate_store_page.html"; 

---

使用此选项后，单击微型购物车图标的访问者将自动重定向到响应购物车页面。请在此处查找有关如何实现它的详细信息：

它确实可以调整窗口大小，但仅限于窗口-内容超过了现在调整大小的窗口。也许我们还应该针对另一个div？如果是这样，您可能希望向内部元素添加类似的代码。如果只想让这些内部元素与外部div的大小相同，也可以在这些内部元素上使用

width:inherit

。

 <script> var ecwid_ProductBrowserURL = "http://www.example.com/my_separate_store_page.html"; </script>