Detecting printed page size with CSS media queries

Question

My app generates printed reports by creating an invisible iframe and then printing it. My latest in a depressingly long list of problems I\'m trying to solve is optimizing the

Answer 1

Just try this code May be this can fixed your problem.

<page size="A4"></page>

Css

@page {
  size: A4;
  margin: 0;
}
page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 12px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
page[size="A4"] {  
  width: 210mm;
  height: 297mm; 
}

@media print {
  body {
    margin: 0;
    box-shadow: 0;
    background: rgb(204,204,204); 
  }
}