Использование @media в CSS из электронной почты HTML

Question

Я пытаюсь получить электронное письмо в формате HTML, чтобы распечатать таблицу с меньшей шириной, чем она выглядит на экране. Я вставил:

@media print{
  .style1 {
    width: 500;
  }
}

Когда я печатаю, он все еще убегает со страницы. Я поставил его на смехотворно маленькую сумму, но безрезультатно. style1 применяется к таблице с шириной 100%, я подумал, что процент может быть выброшен, поэтому я изменил ее на ширину 688 и получил те же результаты. в таблице нет строк или ячеек с фиксированной шириной; все они используют проценты. Есть предложения?

Answer 1

Если это прямой пример выше, вам нужно предоставить единицу измерения (px, em и т. Д.) Для любых значений, отличных от 0 в определениях css:

@media print{
  .style1 {
    width: 500px;
  }
}

Это отличается от атрибутов html, которые предполагают использование пикселей. Надеюсь, это поможет, -Matt

Answer 2

Прежде всего, вы должны определить единицу измерения после ширины. Большинство браузеров по-прежнему используют пиксельные единицы в качестве отказоустойчивого устройства, поэтому существует вероятность, что это не является реальной проблемой.

Какой почтовый клиент вы используете?

Поддержка CSS для печати не гарантируется для разных клиентов почты.