Yshopnoosa.com

Hur man gör en Web sida passform skärmen med HTML-hr

Hur man gör en Web sida passform skärmen med HTML-hr

När du är en design och kodning en webbplats, kan ni för webbsidan att passa besökarens skärm oavsett hans eller hennes dator upplösning. Du kan uppnå denna effekt genom att använda en flytande layout, där du anger element bredder i procentsatser snarare än fasta förenar som pixlar. Behållare som tabeller, Divar och punkterna kommer att expandera eller minska, baserat på besökarens resolution, för att möta denna specifikation.

Instruktioner

1 Starta en kod redaktör, sådan på anteckningar på datorn. Alternativt kan du behöva logga in på en online-editor i din webbläsare.

2 Öppna menyn "Arkiv" och välj "Öppna". Leta upp din webbsida fil och dubbelklicka på den, om du använder Windows, för att öppna den.

3 Ange bredden för din nuvarande element som tabeller eller Divar. Till exempel, om din huvudsakliga inslag är en div, kan du ange en 90 procent bredd:

< div stil = "bredd: 90%" >

Ditt innehåll här

< / div >

4 Använd egenskapen overflow lägga till scrollbar någon behållare (tabeller, Divar, punkterna) om de innehåller bilder, videor, annonser eller annat innehåll som är bredare än elementet.

< div stil = "bredd: 90%. overflow: auto">

Ditt innehåll här

< / div >

5 Klicka på "Arkiv"-menyn och välj alternativ för att spara dina ändringar. Nu kan du Visa filen i din webbläsare för att se ändringarna.

Tips & varningar

  • Du kan ersätta fasta bredder med varierande bredder. Du kanske vill använda en procentsats som är ungefärliga till pixelbredd på en upplösning på 800 x 600 (en gemensam, mindre upplösning).
  • Om du använder flera, sida-vid-sida element, ska du hålla den totala bredd mindre än 100% för webbsidan att passa skärmar på någon resolution.
  • Lägga till marginaler, stoppning och gränsar till dina element ökar bredden på elementet. Du kanske vill minska bredden att kompensera för dessa stilar.
  • Du kan mixa och matcha fasta och variabla bredder. Du kan till exempel ange en bredd på 200 px för en sidebar, om det är nödvändigt, och ange en variabel bredd för ett större element som innehåller ett större block av text. Om du besökare använder 800 x 600 upplösning, lämnar detta 75 procent av skärmen där du kan fylla.
  • För att förhindra uppkomsten av en rullningslist eller innehåll klippning, ändra storlek på bilder, videor och annat innehåll som kan ha en större bredd än 800 pixlar.
  • Block-nivå element som tabeller och divs, visas automatiskt på en bredd av 100 procent (skärmstorlek).