ダイアログを使用して画像を表示する

Question

私がやっていることは、サムネイルを表示することです。画像をクリックすると、画像がフルサイズで表示されます（ダイアログ内）。

私が得ることができるのは、ダイアログに収まらない画像か、画像よりも広いダイアログです。

どのように達成するためのアイデアですか？プロパティで

<md-dialog aria-label="Picture" class="dialog-picture"> 
    <md-dialog-content> 
     <div> 
      <img src="images/random.jpg" alt="image at full size"> 
     </div> 
    </md-dialog-content> 
</md-dialog> 

EDIT：

EDITダイアログのコード：

スタイルのない現在の結果は、（あなたは両側にエレベーターを参照してください） max-widthをセット：

EDIT：これまでのところ、私はこの得た：

を私は、その最大高さ値（SCSS）を削除して、ダイアログのスタイルを変更：これを試しました

.dialog-picture { 
    max-height: none; 
    img { 
     max-width: 100%; 
     max-height: 100%; 
    } 
} 

Answer 1

img { 
    display: block; 
    max-width: 100%; 
    height: auto; 
} 

Answer 2

？

img {max-width: 100%; max-height: 100%; }