Sådan spærres vinduestørrelse i HTML

Forfatter: Laura McKinney
Oprettelsesdato: 7 April 2021
Opdateringsdato: 1 November 2024
Anonim
Sådan spærres vinduestørrelse i HTML - Artikler
Sådan spærres vinduestørrelse i HTML - Artikler

Indhold

Når du opretter en webside, kan du låse størrelsen af ​​browservinduet ved hjælp af simpel HTML-kode. Dette er nyttigt, hvis du ikke vil have brugeren at rulle på siden af ​​æstetiske årsager - i så fald vises alle billeder og tekst på siden samtidig i browservinduet. Låsning af vinduestørrelsen er også en måde at begrænse brugerens evne til at se nogle elementer, som måske vises længere nede på siden.


retninger

Blokerer vinduestørrelse i HTML (internetseite billede af FX Berlin fra Fotolia.com)

    retninger

  1. Prøv at bruge "position: fixed" i din CSS for at låse vinduets størrelse. Første type "type =" text / css ">" i dine tags "" (hvis den ikke allerede er til stede). Skriv "body {" på næste linje, og derefter "position: fixed;" Luk derefter koden med et "}" tegn. Type ""for at lukke stiletiketten. I nogle browsere, f.eks. Internet Explorer, skal du muligvis også tilføje" bund: 0; "på den næste linje efter" position: fixed "for at låse vinduets størrelse. at du ser her ud, når du indtaster koden.

  2. Brug attributten "overløb: skjult" i stedet for "position: fast" som beskrevet i første trin som et andet alternativ. Overløbsattributten giver dig mulighed for at skjule en del af en side eller et element, hvilket skaber udseendet af et låst vindue, når du anvender det på hele kroppen af ​​HTML-dokumentet.


  3. Tilføj attributten "scroll = no" (uden anførselstegn) til din "body" -mærke som en ekstra mulighed for at blokere vinduets størrelse. Hvis du f.eks. Ville have en sort baggrund uden at rulle, ville den endelige kode være "bgcolor = black scroll = no>", indtast din tekst og billeder i kropsafsnittet, og luk det med "" taggen. Dette forhindrer brugeren i at rulle gennem kroppen på din webside. Igen, lad citatmærkerne ud, mens du skriver koden.