Использование @media в css HTML Email

Question

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

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

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

Answer 1

Если это прямой пример выше, вам необходимо предоставить блок (ПВ, эм, и т.д.) для любых других значений, чем 0 в определениях CSS:

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

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

Answer 2

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

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

Support for print CSS is not guaranteed across different mailclients.