Utiliser @media dans CSS de HTML Email

Question

J'essaie d'obtenir un email HTML pour imprimer une table à une largeur inférieure à ce qu'elle semble à l'écran. Je l'ai mis en:

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

Lorsque j'imprime, il fonctionne toujours hors de la page. Je l'ai mis à une quantité ridiculement petite sans succès. Le style1 est appliqué à une table qui a une largeur de 100%, je pensais que le pourcentage pourrait le lancer, donc je l'ai changé à une largeur de 688 et j'ai obtenu les mêmes résultats. il n'y a pas de lignes ou de cellules qui ont une largeur fixe dans la table; ils utilisent tous des pourcentages. Aucune suggestion?

Answer 1

Si tel est un exemple concret ci-dessus, vous devez fournir une unité (px, em, etc.) pour toutes les valeurs autres que 0 dans les définitions css:

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

Ceci diffère des attributs HTML qui suppose des pixels. Espérons que cela aide, -Matt

Answer 2

Tout d'abord, vous devez définir une unité après la largeur. La plupart des navigateurs utilisent encore des unités de pixel comme sécurité, donc le hasard est que ce n'est pas le problème réel.

Quel client utilisez-vous?

Support for print CSS is not guaranteed across different mailclients.