Tabelle, die bei der Größenänderung nicht schrumpft

Question

Kann mir bitte jemand sagen, wie man eine Tabelle erstellt, die nicht schrumpft, wenn das Fenster in der Größe geändert wird. Ich habe versucht, eine Tabelle mit einer festen Breite zu erstellen, aber es verursacht Probleme in der Druckvorschau. Ich habe auch versucht, Leerzeichen: nowrap, die auch nicht geholfen hat. Kann mir bitte jemand helfen, das zu beheben?

Answer 1

Normalerweise würde man ein anderes Stylesheet für den Druck verwenden, weil das Format völlig anders ist. Das sollte deine Probleme lösen.

Etwas wie folgt aus:

<link rel="stylesheet" type="text/css" media="all" href="all.css" /> 
<link rel="stylesheet" type="text/css" media="print" href="print.css" /> 

Answer 2

Das Problem ist, dass Sie eine relative Breite angegeben haben, ohne eine Mindestgröße zu definieren, so dass je kleiner das Fenster bekommt die kleinere der Tisch bekommt. einen totalen Zusammenbruch verhindern, dass Sie die folgende verwenden:

<style type="text/css" media="screen"> 
table 
{width: 60%; 
min-width: 30em; /* Or whatever you'd like to use */ 
} 
</style> 

<style type="text/css" media="print"> 
table 
{width: auto; /* Which should fit the table to the width of the page */ 
} 
</style> 

Es ist nicht ideal, aber man konnte ausgleichen und verwenden entweder aus dem Verzehr am weitesten rechts stehende Seite Zentimeter, Zoll oder Punkte zu verhindern, dass ein width:100% Elements von den Rändern. Das würde dann dazu führen, dass Sie bestimmte Seitengrößen (A4 oder was auch immer) zum Drucken benötigen.