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

Question

下面的html代码导致一个链接，其中显示“ sacola the compras”

<div> 
<script type="text/javascript" src="https://app.ecwid.com/script.js?4549118"></script> 
<script type="text/javascript">
xMinicart("style=","layout=Mini"); 
</script> 
</div>

如果单击链接，则会出现一个弹出窗口（不是说出来的弹出窗口，因为它出现在原始窗口中）。 我的弹出窗口问题是它没有响应。 如果使用iPad或iPhone，则弹出窗口将超过屏幕尺寸。

为了您检查问题，请进入该网站并单击visitor access 。 然后点击显示“ sacola de compras”的链接

如何限制弹出窗口的宽度？ 与上面的xMinicart函数有关吗？

不确定是否有帮助，但这是上面代码中的javascript

提前致谢

Answer 1

使用max-width

在您的CSS中

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

或内联，在您的HTML中

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

Answer 2

Ecwid最终将使该弹出式窗口响应，以便在任何设备上都能正常工作。 同时，我可以建议一种解决方法：尽管它不能使弹出窗口响应，但它可以避免弹出窗口，并在单独的响应页面上显示购物车内容，该页面在移动设备上看起来很好。 解决方法是使用ecwid_ProductBrowserURL的ecwid_ProductBrowserURL选项，如下所示：

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

使用此选项，单击微型购物车图标的访客将被自动重定向到响应式购物车页面。 在此处找到有关实施方法的详细信息： http : //kb.ecwid.com/w/page/15853260/ecwid_ProductBrowserURL