移动设备上的 SweetAlert small 和 Resize SweetAlert 图标答案

【问题标题】：SweetAlert small on mobile devices, and Resize SweetAlert icons移动设备上的 SweetAlert small 和 Resize SweetAlert 图标
【发布时间】：2018-02-27 00:52:55
【问题描述】：

我正在链接到这个 SweetAlert 库 https://unpkg.com/sweetalert/dist/sweetalert.min.js，当我在移动设备上显示警报时，它显示的非常小。我增加了文本大小，但是成功、错误、警告动画非常小。如何调整这些动画的大小，或使警报移动友好？

这是没有 CSS

还有 CSS

【问题讨论】：

上面的答案有效但是！由于您使用 swal2-popup / font-size 属性，请记住带有“警告或信息”等文本的警报也会改变大小

标签： javascript html css sweetalert sweetalert2

【解决方案1】：

发现了同样的东西......

2 个选项：在 CSS 中添加：

.swal2-popup {
font-size: 2rem;
}

或

为您的 cdn 使用这些链接...它会起作用....（但它的甜蜜警报1）

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css

【讨论】：

【解决方案2】：

以下是 SweetAlert2 的 CDN 链接：

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.12.15/dist/sweetalert2.all.min.js"></script>

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/sweetalert2@7.12.15/dist/sweetalert2.min.css'>

我从here 获得这些链接。

【讨论】：

【解决方案3】：

我遇到了同样的问题，因为我忘了包含元视口标签...

尝试将其插入页面的head

<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：