简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Comment puis-je m'assurer que mon site Web s'affiche parfaitement sur une variété de tailles d'écran ?
P粉006540600
P粉006540600 2023-08-27 08:55:57
0
2
476

J'essaie de comprendre TailwindCSS et j'essaie actuellement de créer une carte d'employé responsive. Mais le problème que j'ai récemment est que mes cartes réagissent à tous les points d'arrêt dans Tailwind, mais uniquement lorsque la hauteur est de 900. Chaque fois que j'augmente la hauteur, il y a plus d'espace en bas, et lorsque je réduis la hauteur de la fenêtre, le contenu déborde.

Comment puis-je l'adapter à toutes les hauteurs et largeurs ?

[Fonctionne parfaitement uniquement si la hauteur est de 900 et dans la largeur du point d'arrêt du vent arrière]

Ceci est un aperçu en direct

Il s'agit du code du dépôt Github

Code -

 
 
 
Voici le titre de la carte
 
 
 À L'ÉTUDE 
 
 14 mai 1988 
 
 
 
 Ceci est un court commentaire sur cet employé. 
 
 
 
  
 
 
VG
 
 
Mohammad Mustak
 
Développeur Web

P粉006540600
P粉006540600

répondre à tous (2)
P粉680087550
P粉6800875502023-08-28 00:56:46 2 plancher

Déclarezwidth、height、paddingetc en utilisant le code suivant :

Unités de fenêtre

  • vw
  • vh
  • vmin
  • vmax

Puis, si besoin :

Petite unité de fenêtre

  • svw
  • svh

Grande unité de fenêtre

  • lvw
  • lvh

Unités de fenêtre d'affichage dynamique

  • dvw
  • dvh

Lectures complémentaires :

Comme+0
Ajouter une réponse
    P粉098417223
    P粉0984172232023-08-28 00:42:05 1 plancher

    Utilisez lahauteur minimalepour résoudre le problème duconteneur principal.

    Comme+0
    Ajouter une réponse
      Sujets populaires
      Plus>
      Articles populaires
      Tutoriels populaires
      Plus>
      Tutoriels associés
      Recommandations populaires
      Derniers cours
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！