身長に伸びたときに体に染み込む背景色

Question

私はangle-pdfを実装しています。

コントローラーとビューが正常に動作し、pdfが問題なく表示されます。 PDFはモジュールの最小高さよりも高いので、PDFの高さが拡大されます。

これは背景色をモジュールの背景色にするようです。 通常（ページがプレースホルダです私は彼らと何の提携を持っていない。！）背景は灰色っぽいですが、高さが広がるように、モジュールの背景色は、体に浸透しているようだ：

あなたのよう背景がウェブページの約80％異なっているのを見ることができます。

同じ背景色を使用したいと思います。

それが今、私はスタイルシートに背景色を設定し、本文を参照してください現状では：それ以外

body { 
    background-color: #D2D5D3; 
    -webkit-font-smoothing: antialiased; 
} 

私は身体の背景に何もしません。私が持っている唯一の他のバックグラウンドがmd-contentから取られる：

<div ng-controller="pdfpageController as vm"> 
    <md-content id="pdfpage" layout-padding> 
     <md-toolbar> 
      <div class="md-toolbar-tools"> 
       <md-button class="md-primary md-raised" ng-click="goback()"> 
        <md-icon md-svg-icon="../resources/img/arrow_left.svg"></md-icon> 
        <span class="orange"><b>Back</b></span> 
       </md-button> 
       <h2 flex md-truncate class="text-center">Shifts</h2> 
      </div> 
     </md-toolbar> 
     <md-toolbar class="md-wan md-hue-2" style="border-top: 0.5px solid black"> 
      <h1>{{pdfName}}</h1> 
     </md-toolbar> 

      <ng-pdf template-url="app/views/partials/viewer.html" scale="page-fit"></ng-pdf> 
      <canvas id="pdf-canvas"></canvas>d="test-canvas"></canvas>--> 

     <hr /> 
     <div layout="row" layout-align="start center"> 
      <div class="container"> 
       <span><b>Signature:</b></span> 
       <signature-pad accept="accept" clear="clear" height="220" width="568" dataurl="dataurl"></signature-pad> 
       <div layout="row"> 
        <md-button ng-model="signature" class="md-raised md-primary" ng-click="signature = accept()">Use signature</md-button> 
        <md-button ng-model="clearSig" class="md-warn md-raised md-hue-2" ng-click="clearSig = clear()">Clear signature</md-button> 
       </div> 
      </div> 
     </div> 

     <!--<iframe style="width: 400px; height: 400px;"></iframe>--> 
    </md-content> 
</div> 

誰もが、私は身体の背景に浸入からmd-colors背景を止める方法についての提案を持っていますか？また

Answer 1

体にmin-height: 100%を追加してみてください、と体がコンテンツサイズにそのサイズを適応させるように、体の内容は、position:absoluteかfixedではないことを確認し、ボディコンテンツのposition:relativeを試し

Answer 2

は、以下のことを試してみてください。

html,body { 
height: 100%; 
} 

#pdfpage { 
height: auto !important; 
min-height: 100%; 
} 

＃pdfページはこの場合のPDFビューアのコンテナ要素です。