Tata letak Cross-browser, "nengsemake" mesin

Nalika situs digawe penting ing syarat-syarat efektifitas punika tata salib-browser. Apa iku? Carane bisa rampung? pitfalls Apa ana?

Apa tata salib-browser?

Html / css - punika basis kanggo nggawe situs. Akeh webmasters sing cocok iki miturut asas: Aku aran apik - lan sing cukup. Lan carane mumetake iku yen teka saka browser web utawa piranti seluler, lan situs ora nampilake mlaku. Ing kasus kaya mengkono, sepindah rawuh desain adaptif lan tata salib-browser.

Css lan html ing kasus iki, penyangga, liwat kang kabeh dipun ginakaken. Ing sawetara kasus, kanggo maksud iki uga melu JavaScript. Nanging goal pokok padha - kanggo nggawe manawa kabeh makarya ing versi beda. Mulane, yen sampeyan pengin mesthekake kompatibilitas salib-browser, supaya situs iki uga ditampilake ing kabeh browser, iku perlu kanggo mikir kabeh wektu, saka wayahe pisanan saka karya ing situs.

Nglewati ing umum

Dadi, ayo kang katon ing carane nggawe tata salib-browser. Kaping pisanan kudu nemtokake program kang bisa situs. Wigati dimangerteni menawa sawetara browser cedhak rong atus, supaya nyoba kanggo please everyone - iku kerumitan luar biasa. Mulane, milih nomer saka 3 kanggo 8. Supaya kanggo mutusaké apa fokus, sampeyan bisa nggunakake lan saka layanan Dhukungan kayata Yandex Metrika lan Google Analytics. Sawise sing kudu mangerteni carane masalah bakal ditanggulangi kanggo entuk salib-browser.

Akeh wong banking ing khaki. Iki kode khusus, selectors lan aturan, kang mangertèni mung browser tartamtu. Nanging, diwenehi sing kudu nulis ing paling sawetara puluhan sisipan kanggo macem-macem browser lan versi browser, akeh mbalang kuwi pendekatan amarga saka biaya dhuwur, dadi lan ora klebu nalar. Sawetara gumantung ing nggunakake sing item, kang ditampilake ing cara sing padha. Nanging ing wektu sing padha kerep ilang sawetara kaluwihan penting. Kanggo nyilikake losses, nggunakake liyane podo lan desain adaptif. Apa iku?

responsif desain

pendekatan kanggo tata letak website, kang situs iki karet, sing, sing ngganti ukuran layar beda lan browser. Sampeyan kudu nyatet sing desain adaptif lan kompatibilitas salib-browser sing rapet intertwined, lan nalika padha pirembagan bab siji bab, iku biasane gawe katut kaloro. Ayo kang katon ing tuladha cepet.

Ana sawetara browser, kaya Opera lan Opera Mini. на мобильных телефонах. Pisanan dipigunakaké ing komputer desktop, lan liya - ing telpon seluler. Umumé lagi padha, nanging duwe sawetara fitur. Ing kasus kaya mengkono, iku penting kanggo nyambung file individu lan / utawa nggunakake pitakon media. Apa iku? Yen mengkono, nggawe file kapisah, kang Yahoo kanggo bisa browser tartamtu, lan nyathet tantangan sing. Ing kasus liyane, sampeyan kudu ngajukake pitakon media. Yen program meets syarat tartamtu saka berkas dimuat ing konfigurasi sing dipengini.

Apa ngirim aku?

Kaping pisanan, kita kudu elinga yen nalika nggarap html, tata salib-browser mbutuhake manungsa waé khusus. Mulane, sampeyan kudu nggunakake kamungkinan maksimum gaya runtun sheets kanggo efisiensi luwih. Ing wektu sing padha uga kudu ngganti sawetara cara apa. Mulane akeh wong sing ora pengalaman nalika padha nggawa metu ukuran soko, nggunakake piksel - px. Coba conto saka header prasasti gedhe, kang adorns ndhuwur ing situs iki.

Dheweke Jembar diwiwiti ing tingkat saka 800rh. Ing layar ing 1600rh bakal cukup atraktif. Nanging ing 700rh bakal katon ridiculous. Apa apa ing kasus iki? Sampeyan ora bisa nemtokake ukuran ing piksel, lan persentasi! Terus prasasti ora bakal dawa tetep, lan setengah layar lebar. persentasi bisa disetel lan kadohan ing kang unsur tartamtu bakal diselehake ing sudhut layar. Nanging ing kene apa apa yen layar cilik banget?

Upaminipun iku 300 piksel? Ing kasus iki, kita bakal bantuan pitakonan media sing perlu mbenakake jembaré REGISTER. Lan yen witjaksono kanggo 700rh lan kurang, iku bisa kanggo netepake sing tandha badhe manggoni 75% saka kursi. Lan yen jembaré padha kanggo 300 piksel utawa kurang, iku bisa kanggo mbabarake lan 100%. Kabèh topik menarik banget lan migunani, supaya bisa sinau ing rinci. Nanging, alas, ana informasi ing buku, lan sijine kabeh ing artikel ora bisa.

Apa tata salib-browser adaptif nengsemake mesin?

Lan jawaban mau iku cukup prasaja: amarga nuduhake sing gawe tindakake situs lan wis dadi nyenengake minangka bisa kanggo sawijining kedhaftar. Iki tegese wong kuwi bisa diwanti-wanti dening menehi wong posisi sing luwih dhuwur ing mesin. Mesthi, Situs bakal ora langsung katampil ing ndhuwur-1, nanging magepokan karo faktor liyane, iki nemen bakal munggah. Sampeyan kudu nyatet sing iki ora requirement mung guna nanging soko kang pantes dadi luwih manungsa waé wis mbayar kanggo.

Sawise kabeh, mung mikir: apa pangguna nalika piyambakipun nemu ing situs sing ora banget penake katon? Nanging uga teka sing pracaya search engine nawakake isi kualitas-kurang! Mulane, padha dipilih kanthi teliti, supaya situs sing kudu ana. Kejabi iki ana uga ing webmasters entuk manfaat amarga padha generate Nihan kualitas kanggo isi, kang wong bakal bisa diwenehi informasi sing dibutuhake saka hardware sembarang: komputer, laptop, tablet, smartphone utawa seluler telpon. Patut, pengunjung liyane wareg, situs akeh liyane kanthi cepet lan tingkat income.

kesimpulan

Punika mokal ora kanggo Wigati kasunyatan andhap asor sing nggawe Situs salib-browser karo desain responsif - iku ora gampang, banget dawa lan laborious. Mulane iku perlu kanggo sabar lan elinga disiplin sing - puniko bab gedhe! Mbok soko pisanan bakal mbukak salah, nanging kita kudu nyoba kanggo katon kanggo informasi, nggunakake cedhak beda lan ora kanggo mundur. Lan banjur dadi manawa kanggo njaluk nggawe website sing bakal penggalihipun dhumateng kanggo nuduhake kanggo sawijining pengunjung.