2017-10-14 7 views
1

Je n'arrive pas à rendre certains de mes éléments div réactifs.Comment rendre quelques éléments div réactifs

L'image avec la loupe refuse de redimensionner lorsque la fenêtre est plus petite, par exemple sur un ipad. J'ai essayé d'autres méthodes de redimensionnement mais j'ai échoué.

lien Site Web: http://onlinestaff.net

+0

s'il vous plaît fournir le code. Je suppose que c'est la propriété de 'position: fixed' –

+3

Nous ne pouvons pas vous aider puisque la lecture de tout votre code prend du temps et est inutile. Veuillez créer un petit exemple avec un code minimal et le poster ici. –

Répondre

0

Problème: La loupe-image votre site Web utilise l'attribut max-width:none, ce qui entraîne l'affichage de l'image en taille réelle, même sur des écrans plus petits.

Solution: Lorsque vous faites des images sensibles, nous utilisons habituellement l'attribut CSS max-width:100% pour faire en sorte que les grandes images échelle vers le bas pour s'adapter à l'écran (ou mieux: entrer dans le conteneur parent)

0

Vous pouvez essayer quelque chose comme ça pour faire divs sensibles et leur position par rapport à la taille de l'écran:

<body> 
    <div class="container"> 
     <div class="row row-centered pos"> 
      <div class="col-lg-8 col-xs-12 col-centered"> 
       <div class="well"></div> 
      </div> 
      <div class="col-lg-8 col-xs-12 col-centered"> 
       <div class="well"></div> 
      </div> 
      <div class="col-lg-8 col-xs-12 col-centered"> 
       <div class="well"></div> 
      </div> 
     </div> 
    </div> 
</body>