*   >> lukeminen koulutus Artikkelit >> tech >> web design

Miten kohdata Web-sivuston leveä screen

Kun olen luoda web-sivun paikallisen koneen teen sen merkitystä minun näytön resoluutio. Esimerkkinä käytän 1024 * 768 näytön resoluutio. Web-sivu toimii hyvin minun tietokone koska teen sen merkitystä sen. Ei ole väliä.

Mutta ongelma alkaa, kun julkaisen sen. Eri ihmiset käyttävät eri näytöissä. Jotkut ovat suurempia, jotkut ovat suurempia myös laaja näyttöjä. Kun he vierailla verkkosivuilla ja joskus nähdä, mitä en ole odotettavissa.

Mitä voimme tehdä innokas että. Voimme päättää leveys sivustollemme ja rajoittaa se, että leveys. Mutta on toinenkin ongelma.

Kun rajoitamme leveys sivuston se osoittaa tasata vasemmalle laajakuva.

käyttää yksinkertaisia ​​CSS tapa välttää molemmat ongelmat. Näiden menetelmien avulla voidaan rajoittaa rainan leveys päällä ja se vastaa keskustaan.

käyttää div rajoittaa leveys sivuston. Käytän nimi "säiliö" (kuten monet muut käyttävät) ja tunnus, joka div. Voimme asettaa div leveydeksi kiinteään arvoon käyttämällä yksinkertaisia ​​CSS menetelmää. Korjasin sen 1000 pikseliä.

 #container {
 leveys: 1000px; 
} 

Nyt haluan tasata div keskustaan.

Voimme muokata edellä css-tyylin tehdä niin. Muuttaa sitä seuraavasti.

 #container {
 leveys: 1000px; 
 margin-left: auto; 
 margin-right: auto; 
} 
 

Nyt tyyli on valmis. Nyt laittaa sivuston sisällön välillä div tag.

Se on yksinkertainen mutta erittäin tärkeä. Pidä se mielessäsi ja käyttää sitä, kun luodaan verkkosivuilla.



Copyright © 2008 - 2016 lukeminen koulutus Artikkelit,https://koulutus.nmjjxx.com All rights reserved.