2010-01-01 2 views
6
  1. Come convertire le cross size e il cross browser compatibile stampa CSS per World's most use paper sizes to get print?Come scrivere css di stampa per ottenere la stampa dalle pagine web nello stesso modo in cui otteniamo da MS Word?

      A4, A3, Legal etc 
    
  2. Come possiamo stessa quasi simile formattazione come MS parola di pagina del nostro sito? Quali sono le migliori pratiche per ottenere coerenza nella formattazione della pagina di stampa da qualsiasi browser popolare?

  3. Come impostare il margine del browser incrociato e la dimensione del font con coerenza per tutto lo come fa MS Word?
  4. È un'unità di dimensione font css em migliore per schermo e stampa? o dovremmo usare pt o px in stampa css? e i saw first time here nuova proprietà css body {width: 7in}.
  5. Possiamo impostare diversi CSS (con o senza l'aiuto di JavaScript) per colore e B & W di stampa (se voglio dare diverso colore della luce per risparmiare inchiostro in B & W di stampa?
  6. dobbiamo dare fisso di larghezza per stampare css se stiamo facendo sito fluido per schermo per ottenere la stampa su carta (larghezza che è fisso)?

che dire di questo? ogni suggerimento?

body        {margin: 15px; } 
#mainContainer     {width: 842px; /* equivalent to A4 */ margin: 0; } 
#header       {display: none; } 
form        {display: none!important; } 
#footer       {display: none; } 
#mainContent #leftCol   {display: none; } 
#mainContent #rightCol   {display: none; } 
#mainContent #contentSection  {float: none; padding: 0; margin: 0; font-size: 13px; width: 100%; } 

risposta

4

È possibile specificare la stampa solo fogli di stile utilizzando <link rel="stylsheet" type="text/css" media="print" href="print.css">

  1. L'utente deve specificare il formato pagina nella loro finestra di stampa. Sei riuscito a suggerire l'orientamento della pagina nei CSS2 utilizzando @page ma è stato eliminato in 2.1. Vedere here e here per le introduzioni eccellenti nei fogli di stile di stampa.

  2. Si applicano le solite stranezze, come le differenze nel modello di box. L'unica best practice che ti viene in mente è mantenerla semplice, non utilizzare position: absolute e testare molto. Installa un driver di stampa PDF per il test.

  3. Si dovrebbe essere in grado di specificare quelli nel foglio di stile di stampa.

  4. L'utilizzo di pt, essendo un physical unit, dovrebbe produrre risultati coerenti su ogni macchina.

  5. No. È necessario che l'utente scelga il foglio di stile corretto in anticipo.

  6. Se non si desidera che la stampa contenga cinque pagine una accanto all'altra, probabilmente sì. Tuttavia, lo faresti solo nel tuo foglio di stile di stampa.

Ricorda che nelle impostazioni predefinite, tutti i browser stamperanno un colpo di testa di proprietà e piè di pagina che solo l'utente può rimuovere nella loro finestra di stampa.

Se si desidera il controllo totale su ogni pollice del prodotto di stampa, comprese le dimensioni e l'orientamento, è necessario iniziare a generare PDF.

+0

vedere la mia domanda n. 4 per la nuova proprietà css che ho visto oggi –

+0

Non è una nuova proprietà, 'cm' e' in' sono unità di misura regolari in CSS. I caratteri sono specificati in punti di solito, però. –

+0

@Pekka - Ok. Grazie. quindi la larghezza della carta A4 è = (8,27 pollici) quindi se ho impostato # wrapper {width: 8.27in; padding: .20in} allora dovrei ottenere una larghezza perfetta nella stampa per il formato A4? Proverò questo –