2017-09-18 113 views
0

沒有申請我在物質化的卡片:Materialise的響應形象卡

<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類是不縮水的寬度時,我認爲它在移動設備。而是以全尺寸顯示圖像,導致用戶向右滾動。

下面是它在主頁面上的截圖,另一個滾動到右側,有誰知道如何強制圖像在卡片上正確顯示?

on the main page

scrolling to the right

編輯:

我加了很多文字,卡,並且改變了一些事情,現在正確的圖像顯示在所有屏幕尺寸,然而現在的文本顯示隨機和斑點。實際文本長度爲4個句子。當我將它降低到大約一半時,我就會遇到圖像問題。在導航欄中

Text jumbled

回答

0

有一個未關閉起來,通過一切了怪人。關閉它,文字和圖像完美響應。