IntroductionYou kanske har märkt att vissa webbsidor visas bra i en upplösning och dåligt i en resolution. För samma webbsida, i en resolution avståndet mellan vissa HTML-element kan vara tillfredsställande; i en annan, kan avståndet vara för lång eller för kort. Du kanske också har märkt att i ett beslut, det finns ingen horisontell rullningslist, men i en annan, det finns en vågrät rullningslist. Dessa är några av problemen med att visa en webbsida i olika upplösningar.
Skulle det inte vara trevligt om din HTML-element hade samma storlek och samma mellansträcka i alla resolutioner? Det finns en lösning för detta: hemligheten är att använda Procentsatser för dimensioner XHTML elements.You behöver grundläggande kunskaper i HTML och CSS för att förstå den här artikeln Omdömen
. Anm: Om du inte kan se koden, eller om du tror att något saknas (bruten länk, bild frånvarande), bara att kontakta mig på [email protected]. Det vill säga, kontakta mig för minsta problem du har om vad du är reading.
ResolutionResolution är det maximala antalet pixlar som kan visas på datorskärmen. Pixeln är den minsta punkt som kan visas på skärmen. Du har följande gemensamma resolutioner: 800 x 600, 1024 x 768 och 1152 x 864. Andra upplösningar exist.Different datorskärmar har olika upplösningar. Som en användare flyttar från en dator till en annan för att se samma webbsida, problemet med upplösningen sätter in.Element Dimension UnitsBy Element Dimensioner, jag tänker på bredden och höjden av HTML-element.
Innan vi fortsätter, vet att det är bättre att ge dimensionerna på dina HTML-element använder Cascaded Style Sheet. Du kan mäta mått i procentsatser eller pixlar. Du kan även mäta dimensioner i tum, centimeter, millimeter, punkter eller pica. Såvitt upplösning är berörda, är dessa fyra enheter har samma effekter, som pixeln. Så, för resten av artikeln, vi kommer att tala om andelen, i motsats till pixeln. I CSS är pixel skrivs som px och procent skrivs som% .Containing ElementsA innehållande elementet är ett element som kan innehålla ett annat element.
Exempel på innehåller element är BODY, DIV, PUNKT och bildar elements.The Procent UnitWhen bredd eller höjd på en del (t.ex. img element) ges som en procentsats, det brukar mätas i förhållande till dimensionerna hos den innehåller element.The klient AreaWhen en webbläsare visar en webbsida, det är vad som kallas klientområdet. Kunden området är att området nedanför de horisontella barer (överst) av din webbläsare och ov