J'ai ce sweetalert2 javascript: Ce script fonctionne bien dans les écrans de bureau - mais comme image1 a 600x600 pixels - il sera grand pour les appareils mobiles. Ensuite, j'ai besoin de changer l'image en image2 (avec une petite largeur) pour le faire fonctionner à de petits appareils. aucune idée?
3 Réponses :
Depuis que vous avez posé des questions sur les meilleures pratiques, la réponse est d'utiliser
TKS @ Nowres-Rafed! Aidez-moi beaucoup! :RÉ
Vous n'avez pas besoin de deux images séparées, vous pouvez simplement ajouter max-largeur: 100% à l'élément d'image. Ensuite, il ne dépassera pas 100% de la largeur de l'écran, tout ce qu'il est défini largeur est.
Bonjour @gindev, tout d'abord, TKS pour votre temps précieux pour m'aider. Je vais essayer cela et revenu bientôt avec des commentaires. :RÉ
meilleure solution que j'ai trouvée:
divisez la résolution de l'écran via JavaScript et ajoutez une commande CSS pour les petits périphériques p> et css: (Sweetalert2 exige la hauteur Contrôle via CSS) P> .swal-height {
height: 600px;
width: 600px;
}
@media (max-width: 800px) {
.swal-height {
height: 300px;
width: 300px;
}
}