Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >移动设备上的SweetAlert small和调整SweetAlert图标的大小

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

Stack Overflow用户
提问于 2018-02-27 00: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 14:46:24

找到了同样的东西...

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.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 02:24:58

以下是CDN for SweetAlert2的链接:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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 08:21:12

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

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

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

https://stackoverflow.com/questions/48999484

复制
相关文章
Android studio SweetAlert for Android
Android零基础系列教程:Android基础课程UI-动画_哔哩哔哩_bilibili
用户9227784
2021/12/02
2.5K0
sweetalert用法;引入,使用
直接引入:<script src="sweetalert-master/docs/assets/sweetalert/sweetalert.min.js"></script>
用针戳左手中指指头
2021/01/29
5830
sweetalert用法;引入,使用
前端框架之SweetAlert
简介 SweetAlert是一款很好用的弹出框框架 下载 https://github.com/lipis/bootstrap-sweetalert 导入 博主用的是bootstrap-sweetalert,所以要依赖bootstrap,导入前先导入原生jQuery以及bootstrap <link rel="stylesheet" href="/static/sweetalert/sweetalert.css"> <link rel="stylesheet" href="/static/b
人生不如戏
2018/04/12
2K0
前端框架之SweetAlert
Angular中sweetalert弹框的使用详解
最近太忙了,项目中使用的弹框老板嫌太丑,让我们优化一下,我在网上找了一下,找到了sweetalert弹框,算是比较好看的弹框了。所以我就想办法将sweetalert用到项目中,在项目中引入sweetalert时,遇到诸多问题,但最终在我不懈坚持下,都解决了,实现了效果。具体用法请看下文。写的有问题的地方欢迎留言,我会及时更改。
半指温柔乐
2018/09/11
2.8K0
Angular中sweetalert弹框的使用详解
Mockplus:如何调整图标的大小和方向?
使用属性面板上的大小设置,可以很方便地调节图标大小。 调整方向还是通过属性面板来完成: 另外:有些图标调整了大小之后可以用做特别的用途哟,比如 Smile 图标调大后非常适合做圆形头像。
奔跑的小鹿
2018/03/15
1.8K0
Mockplus:如何调整图标的大小和方向?
SweetAlert-js超酷消息警告框插件
简单介绍 SweetAlert是一款神奇的javascript弹出消息警告框插件。可替换所有alert弹框 使用方法 要使用该插件,首先要在header中引入以下文件(已打包附件内,
Youngxj
2018/06/06
3.6K0
超好用的JS弹窗库 sweetalert2
代码地址:https://github.com/sweetalert2/sweetalert2/
收心
2022/01/19
5.3K0
超好用的JS弹窗库 sweetalert2
SweetAlert-使弹窗变得简单美丽
SweetAlert是一个颠覆传统弹窗形式的新弹窗,相较于传统浏览器内置弹窗,SweetAlert更加地美观清晰,并且可以引入更多的功能,让弹窗变得灵性。
何叶
2021/08/24
1.4K0
纯JS消息警告框插件:SweetAlert.js
七辰
2023/10/01
5340
纯JS消息警告框插件:SweetAlert.js
15 个有意思的 JavaScript 和 CSS 库推荐! 你用过几个?
我们在Tutorialzine上的任务就是让你了解最新最酷的Web发展趋势。这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。
IT派
2018/07/30
2K0
15 个有意思的 JavaScript 和 CSS 库推荐! 你用过几个?
Sweet Alert弹窗插件的安装及使用详解笔记
Sweet Alert 是一个替代传统的 JavaScript Alert 的“美化版”提示效果。SweetAlert 自动居中对齐在页面中央,不管是台式电脑,手机还是平板电脑看起来效果都很不错。
德顺
2019/11/13
9.4K0
Sweet Alert弹窗插件的安装及使用详解笔记
新手学JavaScript(三)----超酷消息警告框插件(SweetAlert)
今天给大家推荐一款不错的超酷消息警告框–SweetAlert;SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和传统的alert相比:
令仔很忙
2018/09/14
6.5K0
新手学JavaScript(三)----超酷消息警告框插件(SweetAlert)
css sprite 调整大张图片中小图标的大小
直接说解决方法: 假设一张拼合好的大图大小是:900 x 1000 px (如上图) 现在想取图中左上角的河马图标,并缩小图标的大小。 正常取图: .sprite { background: url
smy
2018/04/03
1.8K0
css sprite 调整大张图片中小图标的大小
bootstrap 响应式表格 根据设备调整大小
<div class='table-responsive'> <table class='table'>
用户5760343
2022/01/10
1.3K0
bootstrap 响应式表格 根据设备调整大小
前端SweetAlter弹窗js的使用
SweetAlter是一个可以美化的alter,他可以是适应所有设备【电脑,手机,平板】,自动全屏覆盖,位置在屏幕最中间。
无道
2019/11/12
5.7K0
swal弹窗,sweetalert2具有相同功能的多个swal[通俗易懂]
大家好,又见面了,我是你们的朋友全栈君。 I’d like to make a condition and call a swal for each one (Sweetalert2). But on
全栈程序员站长
2022/11/17
2.5K0
Echarts饼状图大小及其位置调整
饼状图大小 radius: '45%', center: ['50%', '35%'], 图例的位置 legend: { orient: 'vertical', /* x: 'left', y: 'top', */ textStyle: { //图例文字的样式 c
王小婷
2020/04/10
7K0
Echarts饼状图大小及其位置调整
JavaScript与Node.js一起打造一款聊天App
聊天是我们人与人交流最直接的方式,互联网的加入使我们交流更加便捷。我们手机上的微信、QQ是我们手机必不可少的应用软件。那么,我们是否可以做一款聊天应用呢?
Vam的金豆之路
2021/12/01
5190
JavaScript与Node.js一起打造一款聊天App
【实用代码】复制内容后弹出提示框教程
效果图 代码 <!-- 复制提醒开始 --> <link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" /> <script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script> <script> document.body.onco
回忆大大
2023/03/18
2K0
【实用代码】复制内容后弹出提示框教程
点击加载更多

相似问题

更改SweetAlert上的图标图像大小

70

使用SweetAlert或SweetAlert2

416

SweetAlert 2和Internet

11

JavaScript SweetAlert

13

SweetAlert问题

126
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文