首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >移动设备上的SweetAlert small和调整SweetAlert图标的大小

移动设备上的SweetAlert small和调整SweetAlert图标的大小
EN

Stack Overflow用户
提问于 2018-02-27 08:52:55
回答 3查看 9.2K关注 0票数 2

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

这没有CSS

和CSS

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-03-14 22:46:24

找到了同样的东西...

2个选项:在CSS中添加以下内容:

代码语言:javascript
运行
复制
.swal2-popup {
font-size: 2rem;
}

将这些链接用于您的cdn...它会工作的……(但它的甜蜜的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

票数 3
EN

Stack Overflow用户

发布于 2018-08-03 10:24:58

以下是CDN for SweetAlert2的链接:

代码语言:javascript
运行
复制
<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
EN

Stack Overflow用户

发布于 2019-03-02 16:21:12

我也遇到了同样的问题,因为我忘了包括meta viewport标签...

尝试将此代码插入到页面的head

代码语言:javascript
运行
复制
<meta name="viewport" content="width=device-width, initial-scale=1.0">
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48999484

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档