简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Comment améliorer la capacité d'interaction de deux champs de contact ?
P粉725827686
P粉725827686 2023-08-14 21:20:22
0
1
479

Je dois centrer deux champs ("Appelez-nous" et "Notre e-mail") et les rendre réactifs en même temps. Ils doivent être empilés sur de petits écrans. J'ai du CSS en ligne pour les positionner correctement sur les grands écrans, comme indiqué, mais ils ne s'empilent pas comme ils le devraient sur les petits écrans. J'utilise du CSS en ligne car je ne trouve pas le fichier CSS dans lequel insérer le code. Est-il possible d'utiliser du CSS en ligne pour résoudre ce problème ? Si vous le pouvez, voici le CSS en ligne que j'ai qui centre correctement les deux champs sur les grands écrans. 

 
 ≪/pré> 
Encore une fois, ce code ne rend pas ces deux champs réactifs, c'est-à-dire empilables sur de petits écrans. Au départ, il y a trois champs. Le troisième champ était "Notre adresse" mais je l'ai supprimé. 
 
J'ai essayé d'ajouter du CSS en ligne et je m'attendais à ce qu'il soit réactif sur les petits écrans, mais sans succès. 

     

     
     

      

       P粉725827686
       

        P粉725827686
        

       

      

      

       

       

        

         
        

       

      

     

     

      

       

        répondre à tous
        (1)
       

       
       
      

      

      

       P粉197639753
       

        

         

          P粉1976397532023-08-15 09:07:16
          1 plancher
         

         

          
On dirait que vous utilisez le framework Bootstrap. Nom de la classerow应用了display: flex，所以你的内联样式是多余的。你应该使用justify-content-centerLe nom de la classe remplace les styles en ligne.

          
Vous avez :

          

          
devrait être :

          

          

          
Spécifier le même nombre de colonnes sur chaque point d'arrêt est redondant. Utilisez uniquement le nom de classe approprié sur le point d'arrêt sur lequel vous souhaitez que la modification se produise, car elle s'appliquera à tous les points d'arrêt plus grands.

          
Vous avez :

          

          
devrait être :

          

          

          
Comme vous n'avez pas fourni d'exemple reproductible, je ne peux que deviner à quoi ressemble votre structure.

          

          

           

            
 
 
 
Call Us
 
Our Email
 
 

           

          

         

         

          
          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！