Web Page Design för Alla Resolutions

En bra (ser) hemsida är inte necessarilly den som kompliceras i design. En svaghet med några BrowsersAssume att du har två DIV element i din webbdesign, bredvid varandra horisontellt, och du har givit dem breddvärden i procent. Också anta att när du lägger de två procentbreddvärden du skulle ha 100%. Detta innebär att de två DIV elementen bör fylla bredden på klientområdet (om de innehåller elementet är stomelementet).

Problemet här är att vissa webbläsare kommer att visa DIV element som du vill (vågrätt), medan andra kommer att visa dem lodrätt, "tänkande" att värdena summerar till mer än 100%. Lösningen med den här typen av problem är att minska andelen bredden värdet av en eller alla DIV element, något. Pröva dina resultat med olika webbläsare för att få den bästa reduction.ExampleAt denna punkt, kan du vara angelägna om att se ett exempel. Tja, är hemsidan för https://www.cool-mathematics.com/ett bra exempel (där dimensionerna hos de viktigaste innehåller elementen är i procent) .

Koppla Jag måste ge procentsatser för alla HTML-element? Nej. Om du vill ha en knapp till exempel, behöver du inte ge dess dimensioner procentenheten eller någon annan enhet (pixlar). Förändringen i upplösning med olika datorskärmar, för knappen, är inte en stor sak. Du vanligtvis inte behöver oroa sig för dimensioner knappen och en del andra HTML-element. Problemet med upplösning kommer normalt med stora innehåller element och bilden.

Styckeelement för exempelvis normalt inte utgör ett problem med resolutioner, eftersom punkterna är vanligtvis inte stor jämfört med dimensionerna hos klientområdet. Ge inte något mått (i alla enheter) till varje punkt inslag om du tycker att det är mycket nödvändigt; om det är nödvändigt, sedan den procentuella enheten är att föredra. Om du vill ha en regel här, då skulle jag säga, ger bara breddimensionen i procent till stora innehåller element, tabeller, tabellkolumner och bilder; inte ge dimensioner något annat om det inte är mycket necessary.

Always ihåg att när du inte ger ett element dimensioner ger webbläsare du lämpliga dimensions.This är mycket viktigt. I CSS-specifikationen, är det sagt att pixeln är en relativ enhet. Detta är korrekt, men du måste veta förhållandet mellan pixel och utenheten att uppskatta den relativa-ness av pixeln. Nu, mycket få webbplats designers vill oroa detta förhållande. Så, för den vanliga webbdesignern, beter pixeln mer som en absolut enhet än en relativ enhet. RemarksDespite alls vad jag har sagt, kan vissa