Sweetalert 2 JS 在小型设备中无法正常工作答案

【问题标题】：Sweetalert 2 JS is not working properly in small devicesSweetalert 2 JS 在小型设备中无法正常工作
【发布时间】：2019-02-16 13:47:34
【问题描述】：

我有一个 SweetAlert2 警报弹出窗口，在桌面版本中很好，但在移动/小型设备中无法正常工作

    Swal.fire({
                type: 'success',
                title:  response.data.body.Data[0].status_text,
                timer: 3500
             })

桌面版：

手机版：

我花了一天多的时间解决这个问题。

【问题讨论】：

您能否说明您使用的是哪种手机/浏览器？您对sweetalert2.github.io 的示例也有同样的问题吗？
@G.Verni 我正在检查 Google Chrome Inspect 元素并测试了所有小型设备。 Nokia 6.1 Plus Mobile Google Chrome for Android 浏览器也有同样的问题。
kishore 你能在 sweetalert2.github.io 上试用样品吗？我在手机上尝试了所有这些，但没有一个显示相同的行为。我想知道你的页面是否有一个与 swal 图形混淆的 CSS。请尝试这些示例并报告
@G.Verni 是的，我正在使用 sweetalert2.github.io 我在 www.sweetalert2.github.io 中尝试了他们的演示，它工作正常，但在我们的项目中不适用于小型设备跨度>
如果在 sweetalert.github.io 上的示例运行良好，那么你需要弄清楚你在页面中做了什么弄乱了 sweetalert 的 CSS

标签： javascript sweetalert sweetalert2

【解决方案1】：

尝试更改为icon 而不是type :)

 Swal.fire({
            icon: 'success',
            title:  response.data.body.Data[0].status_text,
            timer: 3500
 });

【讨论】：