Какая запись медиазапроса более правильна?
Правила из @media screen and (max-width: 1200px) {} отработают только при выводе на экранах, а из @media (max-width: 1200px) {} - на экранах и при печати на принтерах.
Аналогичный вопрос на SO:
stackoverflow.com/questions/8549529/what-is-the-di...
Первая запись имеет смысл, если наряду с ней есть ещё и стили для принтера@media print {
    ...
}
Если её нет, тогда будут применены только дефолтные стили браузера, и отпечатанный результат будет непредсказуем. Ну то есть если на сайте простая линейная верстка со статьями, например, то и по дефолту будет нормально, скорее всего. Но если верстка нетривиальна, на бумаге окажется случайная каша из блоков.
Если, конечно, кто-то вообще будет печатать ваше произведение.