IntroductionYou seuraavat käytettävissä tietokoneen näytön resoluutio: 800 x 600, 1024 x 768, 1152 x 864, 1280 x 960, ja 1280 x 1024. Jos suunnittelet Web-sivun kanssa mitat pikseliä 800 x 600 resoluutio lähes kaiken sivun olisi tulostetaan normaalin paperin, kun suorittaa tulostuskomento selaimesi; voi olla vähän tai ei vertikaalista oikeutta raita katkaisu. Jos suunnittelet Web-sivun mitat pikseliä tahansa korkeamman resoluution, kun annat selaimen tulostuskomento oikeus pystysuora raita sivun ei voi tulostaa.
Tämän vuoksi raidoitus, sinulla on tyypillisesti sivun suunniteltu näyttö tietokoneen näytöllä ja vastaavan sivun suunnittelu tulostusta. Tässä artikkelissa näytän sinulle, miten voit suunnitella web-sivun suuri (korkea) resoluutio ja on, että samalla sivulla (sijasta vastaavan sivun) tulostetaan normaalia A4- tai Letter paper.You tarvitsevat perustiedot HTML ja CSS Jotta ymmärtäisimme tämän artikkelin. Huomautus: Jos et näe koodia tai jos luulet jotain puuttuu (rikki linkki, kuva poissa, tekstiä), vain yhteyttä minuun [email protected].
Että on, minuun yhteyttä pienintäkään ongelmaa olet mitä olet reading.Web Page Design for all ResolutionsI kirjoitti artikkelin kerran otsikolla, "Web-sivu Design for All päätöslauselmia", tässä blogissa. Tässä artikkelissa kirjoitin, että jos haluat Web-sivulla sopivat kaikki päätökset, käyttää prosenttiosuus sijasta pikselin leveyden arvo kaikista HTML-elementtejä. Kirjoitin myös, että sinun ei pitäisi antaa korkeus arvoa tahansa elementtejä. Normaalisti kun annat leveyden arvo elementti (myös kuva) selain antaa vastaava korkeus arvo tai sopivalle korkeudelle arvo elementin.
Näin kanssa prosenttiyksikön, leveys sinulla on teidän suuri (korkea) näytön resoluutio web-sivun, on leveys tulostetun asiakirjan, kun sivu tulostuu normaalin paperille. Ongelmana tässä on se, että siellä on paljon käärimistä rivinsisäiselementtien jotta laaja sisältö ruudulla pitäisi mahtuu kapealle paperille. Joten vastaava korkeus paperin on enemmän kuin vastaava korkeus sivun, leveä (iso) näyttö.
SolutionThe ratkaisu Olen tarjoaa on, että sinun pitäisi suunnitella Web-sivun korkea (leveä) päätöslauselma siten, että silloin kun kääre tulostuksen aikana tapahtuu, se pitäisi johtaa vähän muutoksia yleistä esittämistapaa. Sinua saavuttamaan tämän sallimalla kaikki elementit sisältäviä niiden oletustilassa, sikäli kuin CSS näyttö omaisuus on huolissaan. Eli rivinsisäiselementtejä kuten kuvan, linkkejä ja SPAN elementit jäävät inline