Ndi chiyani ndipo n'chifukwa chiyani muyenera kuzigwiritsa ntchito
CSS wogulitsa prefixes, komanso nthawi ina yodziwika kuti kapena CSS browser prefixes, ndi njira ya opanga osakaniza kuwonjezera chithandizo pazinthu zatsopano za CSS zisanayambe kugwiritsidwa ntchito mwapadera. Izi zikhoza kuchitika panthawi ya kuyesa ndi kuyesa komwe wopanga osaka akudziwitsanso momwe zida zatsopano za CSS zidzakhazikitsire. Izi zisanafike patsogolo zinakhala zotchuka kwambiri ndi kuwonjezeka kwa CSS3 zaka zingapo zapitazo.
Pamene CCS3 inayamba kufotokozedwa, katundu wambiri wokondwera anayamba kugunda osakondera osiyanasiyana nthawi zosiyanasiyana. Mwachitsanzo, makasitomala a webkit-powered (Safari ndi Chrome) ndiwo oyambirira kufotokoza zojambula zojambula monga kusintha ndi kusintha. Pogwiritsira ntchito wogulitsa prefixed katundu, makina opanga ma webusaiti adatha kugwiritsa ntchito zida zatsopanozo pa ntchito yawo ndi kuziwonetsa pamasewera omwe amawathandiza nthawi yomweyo, mmalo modikirira wopanga osakaniza aliyense kuti agwire!
Kotero kuchokera kumalo okonza mapulogalamu otsegulira kutsogolo, osatsegula prefixes amagwiritsidwa ntchito kuwonjezera zida zatsopano za CSS pa webusaiti pomwe akukhala otonthozedwa podziwa kuti asakatuli athandizira mafashoni awo. Izi zingakhale zothandiza makamaka pamene opanga osakaniza osiyanasiyana amayambitsa zintchito m'njira zosiyana kapena zosiyana.
Zosindikiza za CSS zomwe mungagwiritse ntchito (zomwe zilizonse zokhudzana ndi msakatuli wosiyana) ndizo:
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
Nthaŵi zambiri, kuti mugwiritse ntchito malo atsopano a CSS, mumatenga katundu wa CSS ndi kuwonjezera choyimira pa msakatuli aliyense. Mawonekedwe oyambirira angabwere koyamba (mulimonse momwe mumasankhira) pamene katundu wa CSS wamba adzabwera potsiriza. Mwachitsanzo, ngati mukufuna kuwonjezera kusintha kwa CSS3 ku chilemba chanu, mungagwiritse ntchito malo osinthira monga momwe tawonetsera m'munsimu:
-webkit- kusintha: kusinthasintha konse kwa 4;
-kumasintha : kusinthasintha konse kwa 4;
-ms- kusintha: zonse zothandizira 4;
-kusinthika : zonse 4 zosasintha;
kusintha: kusinthasintha konse kwa 4;
Zindikirani: Kumbukirani, ma browser ena ali ndi ma syntax osiyana siyana ndi ena, choncho musaganize kuti mawonekedwe a pulojekitiyi ndi ofanana ndi katundu. Mwachitsanzo, kuti mupange chikhazikitso cha CSS , mumagwiritsa ntchito katundu wodalirika. Firefox, Opera, ndi Chrome ndi Safari zamakono zimagwiritsa ntchito malowa ndi chiyambidwe choyenera pomwe Chrome ndi Safari zoyambirira zimagwiritsira ntchito prefixed property -webkit-gradient. Komanso, Firefox amagwiritsa ntchito malingaliro osiyana kusiyana ndi omwewo.
Chifukwa chimene nthawizonse mumathera chilankhulo chanu ndichizoloŵezi, chosasindikizidwa cha katundu wa CSS kotero kuti pamene osatsegula akuthandizira ulamuliro, iwo azigwiritsa ntchito iyo. Kumbukirani momwe CSS imawerengedwera. Malamulo oyambirira amatsogoleredwa ndi ena omwe alipo kale ngati zofanana ndizofanana, kotero osatsegula amatha kuwerenga lamulo la wogulitsa ndikugwiritsira ntchito ngati sangagwirizane ndi chizoloŵezi chokha, koma akangochita, lidzasokoneza bukhuli malamulo enieni a CSS.
Zogulitsa Zogulitsa Zilibe Zosokoneza
Pamene olemba malonda amayamba kufotokozedwa, akatswiri ambiri a webusaiti ankadabwa ngati akudodometsa kapena kubwerera ku mdima wamasiku akumafuna chikhomo cha webusaiti kuti athandizire owerenga osiyanasiyana (kumbukirani omwe " Tsambali likuwoneka bwino mu mauthenga a IE "). CSS ogulitsa malonda sizinthu, koma, ndipo simukuyenera kukhala ndi malo ogwiritsira ntchito pa ntchito yanu.
A CSS amanyalanyaza zolakwika mu kukhazikitsidwa kwa chinthu china kapena katundu kuti atenge malo ena kuti agwire bwino. Mwachitsanzo, bokosilo limagwiritsidwa ntchito molakwika pamapangidwe a katundu wa banja kapena momwe asakatuli amayendera mmbuyo (\). Koma hacks izi zinagwiritsidwa ntchito kuthetsa vuto la kusiyana kwa momwe Internet Explorer 5.5 inagwiritsira ntchito chitsanzo cha bokosi ndi momwe Netscape analitanthauzira izo, ndipo alibe chochita ndi chikhalidwe cha banja la mawu. Mwamwayi mapepala awiriwa omwe alipo kale ndi omwe tilibe nkhawa ndi masiku ano.
Chigulitsiro cha wogulitsa sichisokoneza chifukwa chimapangitsa kuti adziwe malamulo omwe angagwiritsire ntchito malonda, pomwe nthawi yomweyo amavomereza amatha kugwiritsa ntchito njira mosiyana popanda kuphwanya china chirichonse. Kuwonjezera apo, izi zisanachitike zimagwira ntchito ndi CSS katundu omwe potsiriza adzakhala gawo la mafotokozedwe . Tikungowonjezerapo zizindikiro kuti tipeze mwayi ku malo oyambirira. Ichi ndi chifukwa china chomwe mumathetsera ulamuliro wa CSS ndi malo osayenera, omwe sali oyambirira. Momwemo mungathe kutaya mawonekedwe omwe asanamveke pokhapokha kuthandizidwa kwa osakatulira kwathunthu.
Mukufuna kudziwa chomwe chithandizo cha msakatulichi chilipo? Webusaiti ya CanIUse.com ndidongosolo lothandizira kusonkhanitsa chidziwitso ichi ndikukudziwitsani ma browser, ndipo ndiwotani mawunivesitiwa, omwe akuthandizira pulogalamuyi.
Zogulitsa Zogulitsa Zimakhala Zokhumudwitsa Koma Zosakhalitsa
Inde, zingakhale zomvetsa chisoni ndikubwerezabwereza kuti ziyenera kulemba katundu 2-5 nthawi kuti izigwire ntchito pazithunzithunzi zonse, koma ndizokhalitsa. Mwachitsanzo, zaka zingapo zapitazo, kuti muike kona yozungulira pa bokosi lomwe muyenera kulemba:
-malo-malire-radiyo: 10px 5px;
-bomba-kumtunda-kumtunda-kumanzere: 10px;
-mwamba-pamwamba-kumanja-radius: 5px;
-bomba-m'munsi-kumanja-kumalo: 10px;
-basi-kumtunda-kumanzere-kumanzere: 5px;
malire-malire: 10px 5px;
Koma tsopano asakatuliwa athandizira pulogalamuyi, mumangofunikiradi ndondomekoyi:
malire-malire: 10px 5px;
Chrome yathandizira katundu wa CSS3 kuyambira version 5.0, Firefox yowonjezera mu version 4.0, Safari inawonjezera mu 5.0, Opera mu 10.5, iOS in 4.0, ndi Android mu 2.1. Ngakhale Internet Explorer 9 imachigwirizira popanda chiphangapakati (ndipo IE 8 ndi pansi sichichichirikiza kapena popanda prefixes).
Kumbukirani kuti masewerawa akhala akusintha komanso njira zothandizira kuthandizira okhwima akale pokhapokha ngati mukukonzekera kumanga masamba a webusaiti omwe ali zaka zotsalira njira zamakono zamakono. Pamapeto pake, zolemba zotsatilazi zosavuta zimakhala zosavuta kusiyana ndi kupeza ndi kugwiritsa ntchito zolakwika zomwe zingakonzedwenso m'tsogolomu, zomwe zimafuna kuti mupeze zolakwika zina zomwe mungagwiritse ntchito ndi zina zotero.