Please enligthen my mind on this media queries

HTML & CSS
1

Can you help me please to enlighten my mind,…I have problem on understanding this media queries,when to use screen and print ? why is it that “screen” width value is different in “print”.

Thank you in advance.

   @media screen {
  body {
    width: 75%;
  }
}

@media print {
  body {
    width: 100%;
  }
}
2

It’s just how the author of hte page set it up. On print, you generally want to take up as much paper that’s printed as possible. Doing the same width on screen would look awkward and take up the full page. It just looks different to the eye. It’s just aesthetic differences. Print is purely for print,