IntroductionYou har följande tillgängliga dator skärmupplösningar: 800 x 600, 1024 x 768, 1152 x 864, 1280 x 960 och 1280 x 1024. Om du designar din webbsida med måtten i pixlar för 800 x 600 upplösning nästan allt på webbsidan skulle skrivas på vanligt papper, när du kör kommandot Skriv ut i din webbläsare; kan det vara lite eller ingen vertikal rätt rand trunkering. Om du designar din webbsida med måtten i pixlar för någon av de högre upplösning, när du ger webbläsaren kommandot Skriv ut rätt lodrätt streck på webbsidan skulle inte skrivas ut.
På grund av denna striping, har du vanligtvis en sida utformad för visning på datorskärmen och en motsvarande layout för utskrift. I den här artikeln visar jag hur du kan utforma en webbsida för en stor (hög) upplösning och samma sida (i stället för en motsvarande sida) skrivs ut på din vanliga brev eller A4 paper.You behöver grundläggande kunskaper i HTML och CSS i För att förstå den här artikeln. Obs: Om du inte kan se koden, eller om du tror att något saknas (bruten länk, bild frånvarande, text), bara att kontakta mig på [email protected].
Det vill säga, kontakta mig för minsta problem du har om vad du är reading.Web Page Design för alla ResolutionsI skrev en artikel en gång titeln "webbsida Design för Alla resolutioner", i den här bloggen. I denna artikel skrev jag att om du vill att din webbsida för att passa alla resolutioner, tillämpar successiv i stället för pixel för bredden värdet av alla dina HTML-element. Jag skrev också att man inte ska ge höjdvärde för något av elementen.
Normalt när du ger en bredd värde till alla element (inklusive bild) webbläsaren ger motsvarande höjd värdet eller en lämplig höjdvärdet för elementet. På detta sätt, med procentenhet, bredden du har för din stora (hög) skärmupplösning webbsida, är det bredden av det utskrivna dokumentet, när sidan skrivs ut på vanligt papper. Problemet här är att det kommer att finnas en hel del omslag av inline element för att en bred innehållet på skärmen ska rymmas på en smal papper. Så motsvarande höjd av pappret kommer att vara mer än den motsvarande höjden av webbsidan, på den breda (stor) skärm.
LÖSNINGEN lösning jag erbjuder är att du ska utforma din webbsida för hög (bred) upplösning på ett sådant sätt att när omslags inträffar under utskrift, bör det leda till små förändringar i den övergripande presentationen. Du uppnå detta genom att låta alla element i innehåller element i sitt standardläge, såvitt CSS egenskapen display är be