SweetAlert小巧的移动设备，以及Resize SweetAlert图标

Question

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

这是没有CSS

用CSS

Answer 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

Answer 2

以下是SweetAlert2的CDN链接：

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script>

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css'>

我从here获得了这些链接。

Answer 3

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

尝试将其插入页面的head

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