SweetAlert 在移动设备上变小，并调整 SweetAlert 图标的大小

Question

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

这个没有CSS

和 CSS

Answer 1

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

2个选项：在 CSS 中添加：

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

或

将这些链接用于您的 cdn...它会起作用....（但它的 sweet alert1）

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

Answer 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 获得了这些链接。

Answer 3

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

尝试将其插入到您页面的 head 中

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

SweetAlert 在移动设备上变小，并调整 SweetAlert 图标的大小

SweetAlert small on mobile devices, and Resize SweetAlert icons

html

javascript

css

sweetalert

sweetalert2