Я ссылаюсь на эту библиотеку SweetAlert https://unpkg.com/sweetalert/dist/sweetalert.min.js, и когда я показываю предупреждение на мобильном устройстве, оно отображается очень маленьким. Я увеличил размер текста, но анимация успеха, ошибки, предупреждения очень мала. Как изменить размер анимации или сделать оповещение мобильным?

Это без CSS Без Css

With CSS

И с CSS

2
FrankFabregat2 27 Фев 2018 в 03:52

3 ответа

Лучший ответ

Нашел тоже самое ....

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
Mikeys4u 14 Мар 2018 в 15:00

Вот ссылки на CDN для SweetAlert2:

<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'>

Я получил эти ссылки от здесь

3
Jen Lim 28 Апр 2019 в 09:05

У меня та же проблема, потому что я забыл включить мета-тег viewport ...

Попробуйте вставить это в head вашей страницы

<meta name="viewport" content="width=device-width, initial-scale=1.0">
0
stuartluki 2 Мар 2019 в 08:21