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

标签 javascript html css sweetalert sweetalert2

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

这是没有CSS的 Without Css

With CSS

还有 CSS

最佳答案

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

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

关于javascript - SweetAlert 在移动设备上变小,并调整 SweetAlert 图标的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48999484/

相关文章:

javascript - 如何将html表格数据存入数组?

javascript - 从 JSON : P5. js 中提取信息

HTML 到 Jade 帮助

javascript - 如何获取 DropDownList 选定值并将其发送到 ASP.NET MVC 4 中的 Controller 并使用 JavaScript?

javascript - jQuery 在追加之前在新元素中填充内容

javascript - 如何更改从数据表导出的 Excel 文件的字体大小?

javascript - 用于在表格中设置列宽的 Tiny-MCE 插件

jQuery:将 mouseover 和 mouseout 与 toggleClass 结合使用

css - 如何在每个 Ruby on Rails 模板集合项之间呈现边框而不是在末尾呈现边框?

html - div 中的图像在图像下方有额外的空间