【问题标题】: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">
      

      【讨论】:

        猜你喜欢
        • 2021-02-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-01-17
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-11-30
        相关资源
        最近更新 更多