div {
  width: 100px;
  font-family: Roboto, sans-serif;
  margin: 20px auto;
  padding: 30px;
  text-align: center;
  background: #2962FF;
  color: #fff;
  font-size: 1.5rem;
}

/* change to 10dpi */
@media screen and (max-resolution: 300dpi) { 
  
  div { width: 250px; }
  
}

@media print and (min-resolution: 300dpi) { 
  
  div { width: 10cm; }
  
}