title: Relation between dp - sp and PX
body: <p>I am not asking what is the difference between dp,sp and px. </p>
  
  <p>I am designing a website based on google's new material design, all the measurements are in dp (for grid) and sp(for text). My question is how do they translate to pixels. I have been designing websites for more than 4 years and all the measurements (grid and font) are in pixels. </p>
  
  <p>For Example: </p>
  
  <ol>
  <li>A headline is 24sp, how many pixels does it equate to? (its not 24px, I've tried matching them, it's around 28px but there has to be a standard measuring systems).</li>
  <li>Grid Guideline: "All components align to an 8 dp square baseline grid." - how many pixels does it equate to?</li>
  </ol>
  
  <p><strong>1px = ?dp =?sp on a desktop or any average monitor or mobile device?</strong></p>