Медиа-запрос CSS не работает в шаблоне почтовой программы Rails - PullRequest
Новая
       14

Медиа-запрос CSS не работает в шаблоне почтовой программы Rails

1 голос
/ 05 июня 2019

Действительно ли медиа-запрос не работает в шаблоне электронной почты?У меня есть простой тестовый шаблон и запрос НО не может заставить его работать. 

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title>Report</title>

      <style media="screen">      
        @media only screen and (max-width: 768px) {
          h1.temp{display: block !important} //testing & not working....
        }
      </style>
    </head>

    <body bgcolor="#f6f6f6">
      <h1 class="temp" style="display: none">Show Me in Mobile Device</h1>
      <%= yield %>
    </body>
  </html>

1 Ответ

0 голосов
/ 05 июня 2019

Я использовал драгоценный камень 'premailer-rails', и он работает для меня. Этот учебник показывает пример.

...