Materialise的响应形象卡

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> 

它引用的图像为1680像素宽，尽管响应-IMG类是不缩水的宽度时，我认为它在移动设备。而是以全尺寸显示图像，导致用户向右滚动。

下面是它在主页面上的截图，另一个滚动到右侧，有谁知道如何强制图像在卡片上正确显示？

编辑：

我加了很多文字，卡，并且改变了一些事情，现在正确的图像显示在所有屏幕尺寸，然而现在的文本显示随机和斑点。实际文本长度为4个句子。当我将它降低到大约一半时，我就会遇到图像问题。在导航栏中

Answer 1

有一个未关闭起来，通过一切了怪人。关闭它，文字和图像完美响应。