Kufambira Mberi

Tsvakurudzo dzewebhu dzave dzakapoteredza chero bedzi mawebsite ane. Kutaura zvazviri, vashandisi chinhu chinonyanya kukosha munharaunda kana vanhu vanoona nzvimbo yako - asi kwete vese browsers zvakasikwa zvakaenzana. Zvinonyatsobvira (uye chaizvoizvo zvichida) kuva nevatengi vachiona mapeji ako ewebhu mumavhura anenge akarembera uye asingachasiyi zvinhu zvinowanikwa mune dzimwe nyanzvi dzemazuva ano. Izvi zvinogona kuunza matambudziko makuru sezvo iwe uchiedza kukudziridza mawebsite anobatsira kubudirira kwazvino munguva yekushandura webhuwesi nekuvandudza . Kana mumwe munhu achisvika panzvimbo yako yepaiti achishandisa imwe yevashanduri vekare, uye maitiro ako epakupedzisira haabashandi kwavari, unogona kunge uri kupa ruzivo rwakashata zvakakwana. Kufambira mberi kwekufambira mberi inzira yekubata webpage web design yevashandisi vakasiyana-siyana, kureva avo vekare vashandisi vasipo mukusigirwa kwemazuva ano.

Kufambira mberi kwekufambira mberi inzira yekugadzira mapeji ewebhu kuitira kuti pazvinenge zvichinyanya kushandiswa nevashandi vese, zvinowanikwa nejiji yewebhu zvichave. Icho chakasiyana nedzimwe nzira yakagadzirirwa sekunaka kuora mwoyo . Iyo nzira inogadzira mapeji evanonyanya kushandiswa mazuva ano kutanga uye anova nechokwadi chokuti inoshandawo zvakanaka nevanoshandiswa nevashandi vashoma - kuti ruzivo "runonyadzisa zvakanaka." Kufambira mberi kwekufambira mberi kunotanga nevashambadzi vashoma vanogona kutanga uye vanovaka chiitiko kubva ipapo.

Nzira Yokushandisa Kushandura Kwakafambira Mberi

Kana iwe ukasika web design uchishandura kukurudzira mberi, chinhu chekutanga chauchaita ndechokugadzira chigadziro chinoshanda kune zvakaderera zvakazara denominator yewebhu web browser. Pari payo, kukurudzirwa kwekufambira mberi kunotaura kuti zvinyorwa zvako zvinofanira kuwanika kune rese web browsers, kwete kungoita-sub-set.Nocho chikonzero iwe unotanga nekutsigira vashandisi vekare, vekare, uye vasingakwanisi. Kana iwe ukasika nzvimbo inoshanda zvakanaka nokuda kwavo, unoziva kuti iwe wakasika dhiyabhorosi iyo inofanira kupa zvishoma zvinobatsira kune vashanyi vose.

Kana uchitanga nevanonyanya kukwanisa vashandisi vekutanga, iwe unoda kuongorora kuti HTML yako yose inofanira kuva yakajeka uye yakarongeka. Izvi zvichatibatsira kuvimbisa kuti izvo zvakasiyana-siyana zvakasiyana zvevashandi vese vanogona kutarisa peji uye kuratidza zvakarurama.

Yeuka kuti mavara ekugadzirwa uye maitiro ehuwandu peji akawedzerwa nekushandisa kunze mavara mapepa . Iyi ndiyo chaiyo iyo kukurudzira kunofambira mberi kunoitika. Iwe unoshandisa chidimbu chemavara kuti ugadzire shanduro yakagadzirwa iyo inoshanda kune vose vashanyi. Iwe unogona kuwedzera mamwe mapepa kuti uwedzere peji sezvo vashandisi vashandi vanowana basa. Munhu wose anowana zvinyorwa zvemaseline, asi kune chero nyanzvi dzemashoko dzinogona kutsigira zvakanyanya kupfuura uye zvemazuva ano maitiro, dzinowedzera zvimwe. Iwe "unofambira mberi unowedzera" peji yevashandisi vanogona kutsigira iyo michina.

Pane nzira shomanana dzaunogona kushandisa kushandiswa kwekufambira mberi. Kutanga kubva, iwe unofanira kufungidzira zvinoshandiswa neve browser kana asinganzwisisi mutsara weCSS - inorashivirira! Izvi zvinonyatsoshanda iwe. Kana iwe ukasika sarudzo yekutanga yemasikirwo ayo vese vateereri vanonzwisisa, unogona kuwedzera mamwe mapepa emabhuraji matsva. Kana vakatsigira mitambo, vachaishandisa. Kana zvisingaiti, havazozvicherechedzi uye vachishandisa zvinyorwa izvi zvekutanga. Muenzaniso wakajeka wekusimudzira mberi kunogona kuonekwa mune iyi CSS:

.main-content {
mamiriro acho ezvinhu: # 999;
mamiriro acho ezvinhu: rgba (153 153 153, .75);
}

Iyi shanduro inotanga kuisa ruvara rwemuvara wakaisvonaka. Mutemo wechipiri unoshandisa RGBA ruvara rwemavara kuisa mukana wekusvinura. Kana shanduro inobatsira RGBA, inodarika chimiro chekutanga nechechipiri. Kana isingaiti, chete yekutanga inoshandiswa. Iwe wakagadzira mutsara wekutanga uye wobva wawedzera michina yepamusoro yezvimwe zvekare zvekushandura.

Kushandisa Feature Queries

Imwe nzira iyo iwe unogona kushandiswa kusimbiswa mberi kwekushandisa ndeyokushandisa izvo zvinozivikanwa se "feature queries". Izvo zvakafanana nemibvunzo yevhidhiyo , iyo inokosha chikamu chekubvuma webhusaiti . Kunyange zvazvo vhidhiyo ichitsvaga zvinyorwa zveimwe hurongwa hwekanyoro, zvinowanikwa mibvunzo inotarisa kuona kana chimwe chinhu chinotsigirwa kana kwete. Mutsara waunoshandisa ndiwo:

@supports (kuratidza: flex) {}

Chero mitambo yaunowedzera mukati mehutongi iyi ingoshanda chete kana shanduro iyoyo yakatsigira "flex", iyo ndiyo mitambo yeFlexbox. Iwe unogona kuisa imwe yemitemo yevanhu vose uye zvino shandisa mibvunzo yezvekuwedzera kuti uwedzere zvimwe zvekutsvaga vashanyi chete.

Nyaya yekutanga naJennifer Krynin. Yakarongedzwa naJeremy Girard musi wa12/13/16.