Я подключаюсь к этой библиотеке SweetAlert https://unpkg.com/sweetalert/dist/sweetalert.min.js, и когда я показываю предупреждение на мобильном устройстве, оно отображается очень маленьким. Я увеличил размер текста, но анимация успехов, ошибок и предупреждений очень маленькая. Как изменить размер этих анимаций или сделать оповещение удобным для мобильных устройств?
Это без CSS
И с CSS
Тоже самое нашел....
2 варианта: добавьте это в CSS:
.swal2-popup {
font-size: 2rem;
}
or
Используйте эти ссылки для своего 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
Вот ссылки на CDN для SweetAlert2:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css'>
Я получил эти ссылки от здесь .
У меня такая же проблема, потому что я забыл включить метатег viewport...
попробуйте вставить это в head вашей страницы
<meta name="viewport" content="width=device-width, initial-scale=1.0">
