Why doesn't @media (min-width: 640px) work in post templates?

Question

css

Hello.

It is necessary to make up a letter with adaptation for mobile devices.
I write as for normal html:

<style>
  .text--normal {
    font-size: 22px;
  }
  @media (max-width: 640px) {  /* или @media only screen and (max-device-width: 640px) */
    .text--normal {
      font-size: 16px;
    }
  }
</style>
<p class="text--normal">Произвольный текст</p>

If I check in the browser, then everything is OK. But in the email test service, styles for mobile devices are ignored.

How to create responsive design for emails?
Is it possible to somehow stuff @mediathe tag ( ) into the inside? <p style="{сюда}"></p>

Answer 1

Because no email client supports media queries.
https://yandex.ru/search/?text=adaptive+design+d...

Answer 2

Everything is on the first request https://www.unisender.com/en/blog/sovety/kak-svers...