title: Why website printed with Chrome is using mobile layout?
body: <p>In Chrome, when printing to A4 paper, it is rendered with <strong>568px</strong> media query width.</p>
  
  <p>Try printing a responsive website such as <a href="http://www.theverge.com/" rel="noreferrer">The Verge</a> or <a href="http://getbootstrap.com/" rel="noreferrer">Bootstrap</a> and you will see in the preview that it's using the mobile layout (see image below).</p>
  
  <p><img src="https://i.stack.imgur.com/GhGKm.jpg" alt="The Verge printed with Chrome"></p>
  
  <p>While in Firefox, it uses around <strong>900px</strong> (see image below).</p>
  
  <p><img src="https://i.stack.imgur.com/qFi82.jpg" alt="enter image description here"></p>
  
  <p><strong>Is there a way to make it print Desktop layout</strong>?</p>
  
  <p>I know I can work around this by changing my mobile breakpoint to 568px, but I need my website to break in 768px for iPad.</p>