Правильно ли я понял назначение этого media query?

Question

[nluparev]

Привет.

у меня следующий вопрос. Допустим у меня вот такой код:

@media only screen and (min-width: 45em) {
  body { max-width:  58.75em /* 940px */; }	
  
  [role="banner"], .wrap { width: 100%; } 
  
  [role="main"] { 
    float: left; 
    width: 66% /*620px*/;
  }
  
  [role="complementary"] {
    float: right; 
    width: 32% /*300px*/; 
  }
}

я правильно понимаю, что буквально этот код можно прочесть примерно следующим образом: Если ширина экрана больше или равна 45em, то применить эти стили. Это верно?

Спасибо.

Comments

[Денис Инешин]

max-width: 58.75em /* 940px */, почему не написать просто 940px? Изврат же тут em-ы писать.

[nluparev]

писал не я, так что не могу ответить однозначно

Answer 1

[Данила Риджи]

Верно

Answer 2

[tasce]

И должно работать только на экранах.