2017-09-18 4 views
0

J'ai une carte à Materialise:Materialise image sensible ne pas appliquer dans la carte

<div class="row"> 
    <div class="col s12 m7"> 
     <div class="card large"> 
     <div class="card-image"> 
      <img class="responsive-img" src="img/xv-chars.png"> 
     </div> 
     <div class="card-content"> 
      <p>I am a very simple card. I am good at containing small bits of information. 
      I am convenient because I require little markup to use effectively.</p> 
     </div> 
     </div> 
    </div> 
    </div> 

L'image il fait référence est 1680px de large, en dépit de la classe sensible-img il ne diminue pas la largeur quand je l'ai vue sur un appareil mobile. Au lieu de cela, il affiche l'image en taille réelle, ce qui oblige l'utilisateur à faire défiler loin vers la droite.

Voici une capture d'écran de celui-ci sur la page principale et un autre de défilement vers la droite ,, est-ce que quelqu'un sait comment forcer l'image pour montrer correctement dans une carte?

on the main page

scrolling to the right

EDIT:

J'ai ajouté beaucoup de texte à la carte et qui a changé les choses, maintenant l'image montre correctement dans toutes les tailles d'écran, mais le texte montre maintenant au hasard et taché. Le texte actuel est long de 4 phrases. Quand je baisse à environ la moitié que je reçois le problème d'image.

Text jumbled

Répondre

0

Il y avait un UNCLOSED dans la barre de navigation, à travers tout sur Wack. L'a fermé et le texte et l'image répondent parfaitement.