Hûn wêneyan li ser malpera Responsive Background Add to Add

Li vir e ku çawa wêneyên CSS-ê bikarhênerên responsive responsive add-on

Vê malperên îro îro û sêwirînek sêwirînê binihêrin ku hûn ê bibînin ku wêneyên paşnavên spî yên spî ye. Yek ji van pirsgirêkên ku digel van wêneyên zêde dike, ji hêja çêtirîn e ku malperên ku divê mermaideyên cuda û cîhazên cuda yên berbiçav bidin bersiv bikin - nimûne wek designa malpera berpirsiyarî .

Ji ber ku guhertina malpera veguhertina televîzyon û bi rengên sîmên cuda yên din, ji ber vê yekê divê bila van pîvanên dîmenê pîvanên wan paqij bikin.

Bi rastî, ev wêneyên "fluid" ji yek ji aliyên sêvên bersivên bersivdar in (ew bi grid û govendên medyayê re). Ew sê parçey ji destpêkê ve destpêka sêwirînê ya bersivê ya sêwirînê bûne, lê dema ku her tim her tim hêsan e ku wêneyên înline li ser malperê zêde bike (inline wêneyên grafîk hene ku beşek wek beşek HTML-ê têne çêkirin) heman wêneyên paşveçûna wêneyên (yên ku di çarçoveya taybetmendiyên paşdêla CSS bikar bîne) têne astengiyek girîng, da ku gelek pîşesazên web û pêşdebirên dawîn ên pêşîn. Bi spas, her wiha ji bo "sîteyê-sîgort" xaniyê li CSS-ê ev gengaz kir.

Di gotarek cuda de, min xuya kir ku çiqas pirtûka CSS3 ya peldankê bikar bînin ku wêneyên ku di paceyê de têde dike, lê rêwîtirtirtir, rêvebirin heye ku ji bo vê sîteyê dabeş bikin. Ji bo vê yekê, em ê sîteya jêr û nirxên jêrîn bikar bînin:

paşnavê sîgorteyê: cover;

Malpera kurteya malpera gerdûnî digot ku wêneyê ji bo paceyê vekirî binivîsin, bêyî ku çiqas mezin an piçûk wê paceyê çêdibe. Wêne ji bo tevahiya screenê dakêşin, lê belê rêjeyên esasî û pêşniyarên esasî tête parastin, ji ber ku ew wêneyê xwe ji tevliheviyê tête parastin.

Wêne di nav paceyê de wekî ku mimkunek mezin dibe ku sozên pencereyê ve girêdayî ye. Ev tê wateya ku hûn li ser rûpelê an li ser pişkek di nav wêneyê de hebe, hebe ku hûn hinek wêneyan dikarin li ser rêjeya rêjeya screen û wêneyê li ser pirsa xwe bisekinin. Ji bo nimûne, herwiha pirtirkêmtirîn (wêneya top, jêr, çep, an rast) dibe ku li wêneyên jêbirin, li ser ku hûn nirxên ku hûn ji bo malpera paşîn-paş-ê bikar bînin bikar bînin. Heke hûn pişka paşveçûna "çepê jor", bêtir li ser wêneyê dê di bin û binê rast de bêne. Heke hûn wêneyê paşnavê navendî bistînin, bêtir ji hemû aliyan ve tê, lê ji ber ku zêdeyî belav dibe, bandorê wê li her aliyek bêtir xizmetê.

Çawa ku bi rengê paşîn-rengê bikar bînin: cover;

Dema ku wêneyê paşnavê xwe çêbikin, ev fikr baş e ku ji bo wêneyek pir mezin e ku çêbikin. Dema ku geroktorek dikare pîvanek pîvanê mezintirîn ji hêla bingehîn ya mezintirîn mezintirîn pîvanê pêdivî ye ku bandorek bi bandorek vîzyonek piçûk dibe ku wênek piçûk biçûk çêbibe, kalîteya vîdyoyê bête, bêhêzkirin û pencil kirin. Ji ber vê rûpelê ev e ku rûpelê televîzyonê tengas dike dema ku hûn wêneyên giran bi hemî ekranan re pêşkêş dikin.

Dema ku hûn vê yekê bikin, bisekinin ku ji bo wêneyên bilez û malpera dakêşin wan wêneyan amade bikin . Di dawiyê de, divê hûn navendê xweş bikin di navbera mezinahiya wêneyê de hebe û kalîteyê û pelê maqûl a ji bo bilezên dakêşîn.

Yek ji rêyên hevpar ên ku wêneyên paşniyarên çandî yên bikar bînin bikar bîne, gava ku hûn dixwazin ku pirtûka rûpela tevahî ya rûpela xwe bigirin, ka ew rûpel pirtirîn ye û li ser pirtûka kapîtal an jî pir piçûk tê dîtin û tête navendî, mobîl amûrên

Wêneya xwe ya navnîşa malpera xwe hilbijêre û wekî CSS-yê peldankê xwe bişîne:

background-image: url (fireworks-over-wdw.jpg);
paşnavê-paşê: no-repeat;
Navnîşa paşnavê: navendî navenda;
paşnavkirin-peywendîdar: fixed;

Vebijêrk pêşî ya pêşî ya CSS-ê vekirî ye:

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

Piştre property property CSS add:

paşnavê sîgorteyê: cover;

Bikaranîna Viyetnameyên Cûreyên Cûda yên Bikaranîna Bikaranîna Bikaranînê

Dema ku pîşesaziya bersivên ji bo kapîtalek an tecrûbeyeke laptopê girîng e, cûreyên cîhazên ku dikarin bikaribin malperê bigihîjin pir girîng e, û pir cûda celebên sîmeng bi wê re tê.

Wekî ku berê gotiye, barkirina berbiçav a pirfireh li ser smartphone, berbiçav e, nimûne, nexşter an bandwidth-hiş e.

Hûn dikarin çawa hûn dikarin pirsên medyayê yên bikar bînin ku wêneyên xizmetê bikin ku dê bi cîhazên baş be, ew ê bêne xuya kirin, û bêtir çêtirîn malpera malpera xwe ya malperên mobîl ên mobîl.

Gotara Original Original by Jennfier Krynin. Edited by Jeremy Girard 9/12/17