Skeakelje in webside út Print mei CSS

Websiden wurde bedoeld om te sjen op in skerm . Wylst der in grut ferskaat oan mooglik apparaten binne kinne wurde brûkt om in side te besjen (buroblêden, laptops, tablets, tillefoans, wearabels, tvs, ensfh.), Allegear binne in skerm fan guon soarten. Der is in oare manier wêr't jo jo webside sjen kin, in manier dat gjin skerm befet. Wy ferwize nei in fysike print út jo web siden.

Jo jier lyn wiene jo te finen dat minsken dy't websiden drukken wiene in aardich mienskiplik senario. Wy tinke it gearkomste mei in soad kliïnten dy't nij binne op it web en fielde jo nofliker oersichtige printe siden fan 'e side. Se joech ús dan feedback en feroare op dizze stikjes papier ynstee fan it skerm te besjen om de webside te besjen. As minsken yn har libben gewoan noflik wurden binne mei de skermen yn har libben, en as dy skermen in soad kearen multiplisy hawwe, hawwe wy minder en minder sjoen minsken besykje de websiden op papier te drukken, mar it docht noch hurd. Jo kinne dit fenomeen besjen as jo jo webside plannen meitsje. Wolle jo dat minsken jo websiden drukke? Miskien docht it net. As dat it gefal is, hawwe jo inkele mooglikheden.

Skeakelje in webside út Print mei CSS

It is maklik om CSS te brûken foar minsken te foarkommen fan jo websiden te printsjen. Jo moatte gewoan in linich stylblêd meitsje mei de namme "print.css" dy't de folgjende line fan CSS befet.

lichem {display: none; }

Dizze ienige styl sil it "lichem" elemint fan jo siden feroarje om net sjen te litten - en om't alles op jo siden in bern fan it lichem-elemint is, betsjut dit dat de folsleine side / side net werjûn wurdt.

As jo ​​jo styl "print.css" ha, hawwe jo it yn jo HTML laden as in printstylblêd. Hjir is hoe't jo dat dwaan - krekt de folgjende line taheakje oan it "kop" elemint yn jo HTML siden.

It wichtichste diel fan 'e bline leit is fett oanjûn - dat is in printstylblêd. Dizze ynformaasje fertelt de blêder dat as dizze webside ynsteld is om te printsjen, dit stylblêd brûke ynstee fan elke standert stylblêd de siden brûke foar on-screen-werjefte. As de siden útskeakelje nei dit "print.css" -blêd, de styl dy't de folsleine side net werjûn hat, sil yntrodusearje en alles dat drukke sil in lege side wêze.

Blokkearje ien side by in tiid

As jo ​​gjin siden fan siden op jo side blokkearje moatte, kinne jo printsje op in side-by-side basis blokkearje mei de folgjende stilen yn 'e kop fan jo HTML ynfiere.