: () - is de beste -,,,, Hoi.Mijn naam is Cory.Ben ik een beetje geobsedeerd.Ik was verslaafd aan een netwerk voor jaren.In feite, ik help een populaire een jeet noemen.Ik hield altijd al van die betrekking heeft op de juiste afstand van wiskunde en iets.,,, ik denk dat we het allemaal eens zijn, vaste netten zijn in de vloeistof - gunstig is voor de dinosaurussen, maar er is altijd iets wat ik net over de vloeistof.Bijvoorbeeld, er is niets in de bovenste en onderste heeft een afvoer, de omvang en de afvoer van links en rechts.Echt, proberen te doen, kan er geen sprake zijn van een niet door een aanpak in de context van de afstand en je samen het nest.Bijvoorbeeld, in de aard van de jeet kune do, wil je, kolom (1 /3 1 /2), waarvan 1 /2 is de omvang van de elementen bevat.Als je... Drie of vier keer, dit wordt erg harig, heb je een verklaring, het lijkt erop, kolom (4 /1 /1 /3 /1 2 /1).WOW.Dit is niet alleen een jeet kune do, elke verwerker gebaseerd netwerk systeem heeft voor dit probleem, en leidt. En?Laat me niet beginnen in je Marker, hoeveel heb je nodig voor aanvullende elementen, alleen maar om je net werk, die zijn fouten, als geen ander.Of je moet meer elementen in de etikettering van je, als je die kleur van de elementen.Dit is een galerij in de vorm van een voorbeeld van de kleine problemen.,,!Zelfs als flexbox lijkt te zijn en geen nieuwe dingen, behalve een handige manier om de verticale centrum.,,, hoe gaat het vandaag met het elektriciteitsnet van een rondleiding, wat is net obsessor moet doen?Wacht, wat is het glimmende dingen?Cal ().,, we kunnen ook gebruik maken van: (), in onze Wegwijzerdienst, dus wat doet het?,,, ": (), kan voor de uitvoering van de CSS waarde te bepalen."   mdn, en dat niet alleen, maar we kunnen in combinatie met de eenheid en calcium.Dit betekent dat als we willen dat het een netwerk tussen hen en 20px sloot elke rij van vier kolommen, we schrijven een percentage van de waarde van de combinatie en de pixels zoals  , breedte: calcium (25% 20px).Dat zou geweldig zijn.,,,., hier is een poesje. - in de   beelden in A met, afdeling,:,, < section> < IMG - src = "http://placekitten.com/404/303" > < IMG - src = "http://placekitten.com/404/303" > < IMG - src = "http://placekitten.com/404/303" > < IMG - src = "http://placekitten.com/404/303" > < IMG - src = "http://placekitten.com/404/303" > < IMG - src = "http://placekitten.com/404/303" > < IMG - src = "http://placekitten.com/404/303" > < /section> we zijn een styling.,,, naar de images:, IMG - (drijven: links; breedte: Cal (25% - 20px); de marge: 10 pixels, dit maakt;}, het is zeker dat elke wordt 25% van de breedte van de ouder, min 20px van die staat voor onze gutter links en  .De rand rond de 10 pixels en lokale identiteit volledig geconcentreerd in de kolom ",,,,,,, vier rijen poesje, aandacht voor de afstand tussen de boven - en de onderkant van links en rechts de dezelfde afstand?Mooi.,, uitgedrukt in een andere manier, dus dit is een beetje een berekening voor degenen die liever verschillende: breedte: calcium (100% * * * * * * * 1 /4 20px);,,, nogmaals, dat geeft ons vier 20px goot perfect zijn.We kunnen ook gebruik maken van de media voor de wijziging van de breedte van het aantal kolommen, hangt af van: IMG {drijven: links; deposito 's: breedte: 10 pixels, calcium (100% * * * * * * * 1 /4 20px);} @ media (de grootste breedte: 900px) {IMG - (breedte: calcium (100% * * * * * * * 1 /3 - 20px);}} @ media (maximale breedte 600 pixels met een breedte) {IMG - {: calcium (100% * * * * * * * 1 /2 20px);}} @ media (de grootste breedte: 400 pixel) {IMG - (breedte: calcium (100% 20px);}},,,, geobsedeerd door volledig vergeten dit mooie kleine CSS - regels om afscheid te nemen.   netwerk.Hallo, de berekening van de steun voor de browser,,,, en het is niet eerlijk om rond dit snelle les om je te laten weten wanneer en waar, je kunt het, Cal, ().Zijn de gebruikelijke verdachten achter (negen is er bijna, maar negeert, Cal, als blijkt dat het (de) Tabel gebruikt).Maar   vooruit kijken, dit is een zeer krachtig instrument van de CSS.,,,, zie http: ///////caniuse. COM /&#prestatie = ca voor meer details,.,,,