Hur blockerar du fönsterstorlek i HTML

Författare: Laura McKinney
Skapelsedatum: 6 April 2021
Uppdatera Datum: 20 November 2024
Anonim
Hur blockerar du fönsterstorlek i HTML - Artiklar
Hur blockerar du fönsterstorlek i HTML - Artiklar

Innehåll

När du skapar en webbsida kan du låsa storleken på webbläsarfönstret med hjälp av enkel HTML-kod. Det här är användbart om du inte vill att användaren ska bläddra på sidan av estetiska skäl - i så fall visas alla bilder och text på sidan samtidigt i webbläsarfönstret. Att låsa fönsterstorleken är också ett sätt att begränsa användarens förmåga att se några element som kan visas längre ner på sidan.


vägbeskrivning

Blockering av fönsterstorlek i HTML (internetseite bild av FX Berlin från Fotolia.com)

    vägbeskrivning

  1. Försök att använda "position: fixed" i din CSS för att låsa fönsterstorleken. Första typen "type =" text / css ">" i dina taggar "" (om den inte redan finns). Skriv "body {" på nästa rad, sedan "position: fixed;" stäng sedan koden med ett "}" tecken. Skriv ""för att stänga stilkoden. I vissa webbläsare, till exempel Internet Explorer, måste du kanske lägga till" botten: 0; "på nästa rad efter" position: fixed "för att låsa fönsterstorleken. att du ser här ut när du anger koden.


  2. Använd attributet "överfyllning: dold" istället för "position: fixed", som beskrivs i det första steget, som ett annat alternativ. Överflyttningsattributet låter dig gömma en del av en sida eller ett element, vilket skapar utseendet på ett låst fönster när du applicerar det på hela kroppen i HTML-dokumentet.

  3. Lägg till attributet "scroll = no" (utan citattecken) till din "body" -tagg som ett alternativ för att blockera storleken på fönstret. Om du till exempel vill ha en svart bakgrund utan att rulla, skulle den sista koden vara "bgcolor = black scroll = no>", skriv in din text och bilder i kroppsdelen och stäng sedan den med "" taggen. Detta förhindrar att användaren rullar igenom din webbsida. Återigen, lämna citatmärkena medan du skriver koden.