*   >> Lezen Onderwijs artikelen >> tech >> web design

Hoe kunt u uw website voor brede screen

geconfronteerd

Als ik ben het creëren van een webpagina in lokale machine Ik doe het voor mijn schermresolutie. Voor een voorbeeld gebruik ik 1024 * 768 schermresolutie. Mijn webpagina werkt goed in mijn computer, omdat ik het van belang om het. Er is geen kwestie.

Maar probleem begint wanneer ik publiceren. Verschillende mensen gebruiken verschillende schermen. Sommige zijn groter, sommige zijn ook groter gebruik brede schermen. Bij een bezoek aan mijn website en soms zien wat ik niet verwacht.

Wat kunnen we doen voor fanatieke dat.

We kunnen de breedte van onze site te beslissen en beperken tot die breedte. Er is een ander probleem. Als we beperken de breedte van het gebied toont uitgelijnd naar links in breedbeeld.

We kunnen eenvoudige CSS methode om beide problemen te vermijden. Met deze methoden kunnen we de breedte van de website beperken en uitgelijnd naar het centrum.

We gebruiken div om de breedte van de site te beperken. Ik gebruik de naam 'container' (zoals vele anderen gebruiken) voor de ID van die div. We kunnen de div breedte vaste waarde met behulp van eenvoudige CSS-methode in te stellen.

Ik vast aan 1000 pixels

 #container {
 width: 1000px; 
}. 

Nu wil ik dat de div naar het centrum af te stemmen. We kunnen wijzigen boven css stijl om dat te doen. Verander het als volgt

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

Nu stijl is voltooid. Nu zet inhoud van uw site tussen de div tag.

Het is eenvoudig, maar erg belangrijk. Hou het in je hoofd en gebruik het als je het maken van de website.



Copyright © 2008 - 2016 Lezen Onderwijs artikelen,https://onderwijs.nmjjxx.com All rights reserved.