IntroductionYou de volgende beschikbare computerscherm resoluties: 800 x 600, 1024 x 768, 1152 x 864, 1280 x 960 en 1280 x 1024. Als u het ontwerp van uw webpagina met afmetingen in pixels voor de 800 x 600 resolutie bijna alles op de webpagina zou worden afgedrukt op uw normale papier, wanneer u de opdracht Afdrukken van uw browser uit te voeren; kan er weinig of geen verticale streep rechts truncatie zijn.
Als u het ontwerp van uw webpagina met afmetingen in pixels voor een van de hogere resolutie, als u de browser de opdracht Afdrukken een rechter verticale streep van de webpagina niet zou worden afgedrukt. Vanwege dit striping, heb je meestal een pagina ontworpen voor weergave op het computerscherm en een bijbehorende pagina ontwerp voor het afdrukken. In dit artikel laat ik je zien hoe je kunt ontwerpen van een webpagina voor een grote (hoge) resolutie en hebben die afgedrukt op uw normale letter of A4 paper.
You dezelfde pagina (in plaats van een bijbehorende pagina) moet basiskennis in HTML en CSS in Om dit artikel te begrijpen. Opmerking: Als u de code niet kunt zien of als u denkt dat er iets ontbreekt (gebroken link afbeelding afwezig, tekst), neem dan contact met mij op [email protected]. Dat is, contact met mij op voor het geringste probleem dat je hebt over wat je bent reading.Web Pagina Ontwerp voor alle ResolutionsI schreef een artikel met de titel één keer, "Web Page Design for All resoluties", in deze agenda.
In dat artikel schreef ik dat als u wilt dat uw website om alle resoluties passen, maakt gebruik van het percentage in plaats van pixel voor de breedte waarde van al uw HTML-elementen. Ik schreef ook dat je de hoogte waarde niet zou moeten geven voor elk van de elementen. Normaal gesproken, als je een breedte waarde te geven aan een element (zoals afbeelding) van de browser geeft de overeenkomstige hoogte waarde of een juiste hoogte waarde voor het element.
Op deze manier, met het percentage unit, de breedte u voor uw grote (hoog) schermresolutie webpagina, zal de breedte van het afgedrukte document, wanneer de pagina wordt afgedrukt op gewoon papier. Het probleem is dat er veel verpakking inline elementen zijn, zodat een brede beelden op het scherm moet passen op een smal papier. Zodat de corresponderende hoogte van het papier zal meer dan de overeenkomstige hoogte van de webpagina, op de brede (groot) scherm.
SolutionThe oplossing Ik bied is dat je moet het ontwerp van uw webpagina voor de hoge (breed) resolutie op een zoda