구체화 응답 이미지 I 구체화에 카드가 카드

Question

에 적용되지 :

<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> 

이 참조 이미지는 내가 그것을 볼 수는 폭을 축소하지 않는 반응-IMG 클래스에도 불구하고, 1680px 폭 휴대 기기. 대신 전체 크기로 이미지를 표시하여 사용자가 오른쪽으로 스크롤 할 수있게합니다.

여기는 메인 페이지에있는 스크린 샷이고 오른쪽으로 스크롤하는 또 다른 방법은 아무 것도 이미지를 카드에 올바르게 표시하는 방법을 알고 있습니까?

편집 : 나는 카드에 많은 텍스트를 추가하고 이제 이미지 그러나 이제 텍스트를 무작위로 보여주고, 모든 화면 크기에서 제대로 보여주고, 일을 변경

그리고 여드름. 실제 텍스트는 4 문장입니다. 내가 절반 정도 낮추면 이미지에 문제가 생깁니다.

Answer 1

는 괴짜에서 모든 것을 통해 탐색 모음에서 거기 닫히지했다. 그것을 닫으면 텍스트와 이미지가 완벽하게 반응합니다.