在高度展开时渗入身体的背景颜色

控制器和视图工作绝对正常，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背景有何建议？

来源

2017-06-05 geostocker

尝试body {height：100％;}。这里有更多的建议：https://stackoverflow.com/questions/34591106/setting-body-height-to-100 – tech2017

试过了。 – geostocker

你有没有在身上设置一个高度？如果是这样，请将其移除或设置最小高度 – Pete

尝试增加min-height: 100%身体，并且还要确保身体的内容不position:absolute或fixed，尝试position:relative为主体内容，以使身体适应它的大小与内容大小

来源

2017-06-05 14:37:55 godzsa

尝试以下操作：

html,body { 
height: 100%; 
} 

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

我假设#pdf页是这种情况下PDF查看器的容器元素。

来源

2017-06-05 14:40:38 rafarlp

在高度展开时渗入身体的背景颜色

回答

相关问题