Layout Cross-browser, "bala" li motorên lêgerînê

Dema ku site afirandin di warê çalakbûna wê girîng e, a layout cross-browser e. Çi ye? Çawa dikare bê ev kiriye? Çi dahfikên li wê derê yî?

layout cross-browser çi ye?

Html / css - bingehê ji bo afirandina a site e. Gelek malpersaz li gor prensîpa minasib ji bo vê yekê ne: min rehet - û ku bes e. Û çawa bêzar e dema ku tu ji geroka te ya webê yan device mobile were, û di malperê de ne baş nayê nîşandan. Di rewşên wiha de, alîkarî bê design Adaptive û layout cross-browser.

Css û html xwe di vê rewşê de, pižta, bi rêya ku hemû pêkanîn. Di hin rewşan de, ji bo vê yekê dibe ku li JavaScript bibin. Lê, armanca dawî di heman e - ji bo bicîh bikin ku her tişt li ser guhertoyên cuda de xebitiye. Ji ber vê yekê, ger hûn dixwazin ji bo misogerkirina lihevhatina cross-geroka,, da ku di malperê de tê li hemû gerokên nîşan dan, pêwîst e ji bo hemû wê demê de, ji niha pêşî ya kar li ser malperê.

Walkthrough di giştî

Bi vî awayî, em çawa ji bo ku layout cross-browser binêre. Di destpêkê de divê diyar bike ku bernameyên site kar bikin. Ji kerema xwe not bikin ku hejmara gerokên web nêzîkî du sed, da ku hewl xweş herkesî - ku ev tevliheviya ecêb e. Ji ber vê yekê, gelek ji 3 hilbijêre ji bo 8. Ji bo ku biryarê bide ku çi bi giraniyê, hûn dikarin xizmetên piştgirîya wek Yandex Metrika û bi kar tînin û Google Analytics. Piştî ku ji te re pêwîst bibînin ku çawa ku pirsgirêk wê bê çareserkirin ji bo bidestxistina cross-browser.

Gelek kes bankayên xwe li ser bi qumçikên. Ev kodên taybet, selectors û rêzikên, ku bi tenê dikarî geroka hin fêm dike. Lê belê, da ku hûn ji bo nivîsandinê qet nebe çend deh inserts ji bo gerokên cuda û versions browser, gelek xişandin û wiha nêzîkatiya ji ber ku ji mesrefa bilind de xwe de, duration û pêve ne. Hinek li ser bikaranîna wan tumar, ku bi heman awayî nîşan dan bispêrin. Lê belê di heman demê de, gelek caran hejmarek ji avantajên girîng ji dest da. Ji bo kêmkirina windahiyên, bikaranîna paralel zêdetir û design Adaptive. Çi ye?

design Responsive

Ev nêzîkatiya li layout ji malpera, ku di malpera lastîk e, ku ev e, yên ku ji bo sizes screen cuda û gerokên jînę. Ev divê bê diyarkirin ku design Adaptive û geştuguzarê cross-browser ji nêz ve zal in, û dema ku ew li ser yek tiştî bipeyivim, lê bi piranî di gehîne ya duyemîn. Ka em li mînaka zû binêre.

hin gerokên, wek Opera û Opera Mini hene. на мобильных телефонах. Pêşî li ser komputerê bi kar anîn, û ya duyem jî - bi telefonên mobîl. Di giştî ew dişibin hev, di heman demê de xwedî hejmara taybetiyên. Di rewşên wiha de, girîng e ji bo girêdana pelên takekesî û / an jî bikaranîna pirsên çapemeniyê. Çi ye? Di bûyera pêşîn de, ew diafirîne a file cuda de, ku armanca wan kar browser taybet, û dijwarîya xwe qeyd. Di doza duyemîn de, divê hûn bi pirsên medya file. Heger bernameya te şertên taybetî yên file kerekî di veavakirina xwestin.

Gelo ez çi bikim?

Di destpêkê de, divê em ji bîr nekin ku dema xebatê de bi html, layout cross-browser pêwîstî bi girîngiyeke taybet. Ji ber vê yekê, divê tu herî zêde ji îmkana Nûneratiyên style Qebûlkirinê te ji bo berevpêşbirina îmkanên mezintir bi kar tînin. Di heman demê de jî pêdivî bi guhertina hin awayên xebatê. Bi vî awayî gelek kes di prosesa dema ku ew destnîşan mezinbûna tiştek, bikaranîna pixels - px. mînaka lînka nivîsîbû mezin, ku vîla jor li ser malpera xwe bipejirîne.

Ew bi firejiya li rêjeya ji 800rh hat avakirin. Li ser ekranê li 1600rh ev dê bibe pir balkêş. Lê belê li ser 700rh ew dikene, wê binêrin. Çi ji bo ku ez di vê rewşê de? Hûn dikarin ji size li pixel, û rêjeya ji sedî diyar ne! Û hişk li ser nivîsîbû ne, dê bibe length sabît, û nîvê width of the screen. Ku rêjeya dikare bê danîn û ji dûr ve li ku element taybet wê li ser keviya of the screen danîn. Lê di vir de ye, çi bikin, eger screen gelekî biçûk e?

Bêjîn 300 pixel e? Di vê rewşê de, em medyayê ya ku divê biguhere width qeyda alîkariya wê. Û eger ew wekhev ji bo 700rh û kêmtir e, mimkun e ji bo avakirin, ku nîşana dê 75% ji kursiyên dagir bike. Û eger width bo 300 pixel an kêmtir wekhev e, mimkun e ji bo ronîkirina û 100%. Li ser mijara tevahiya pir balkêş û kêrhatî ye, bi vî awayî mirov dikare bi berfirehî mezin xwend. Lê belê, wax, e agahiyan li ser pirtûkê de hene, û hemû tişt di gotara xebata wê ne.

Çima Adaptive layout cross-browser bala motorên lêgerînê?

Û bersiva xwe gelekî sade ye: ji ber ku ev nîşan dide ku pêşdebiran malperê bişopîne û ev wek di sêrî de wek gengaz ji bo bikarhênerên xwe. Ev tê wê wateyê ku bi vî rengî mirov dikare ji aliyê dayîna wan çeperên mezintir li motorên lêgerînê yên bi cesaret. Bê guman, numreya te di cih de bên li ser-1 pêşan ne, di heman demê de, di çarçoveya bi faktorên din jî, ev gelek, wê rabin. Ev divê bê diyarkirin, ku ev e mercê tenê bêkêr lê tiştekî ku hêjayî gelekî guh tê dandin bo ne.

Piştî ku hemû, difikirî: çi user e dema ku ew li ser malpera e ku di dîtinê pir xweş bi bikeve? Lê ew dikarin bên bawer bike, ku di motorên lêgerînê de li sîstena naveroka-low quality! Ji ber vê yekê, ew bi baldarî da malperên ku divê bê pêşkêş kirin tên bijartin. Ji bilî vê jî li wir, û her malpersaz bi kêrî ji ber ku ew bi awayekî shell-high quality ji bo content, a ku mirov bikaribe ji bo bidestxistina agahiyên pêwîst ji ti hardware wê: dibe, laptop, tablet, smartphone an telefonên mobîl. Li gorî vê, ji mêvanên têr zêdetir, di malperê de zêdetir mezin dibe û asta dahatan.

encamê de

Ev ne mumkin e ji bo xwe not bikin ne ji ber herwek ku afirîna malpera cross-browser bi design bersîva - hêsan e, ku pir dirêj û zehmet ne. Ji ber vê yekê pêwîst e bi sebr be û bi bîr bînin ku dîsîplîna - ev jî ne tiştekî mezin e! Dibe ku tiştek di destpêkê de wê çewt herin, lê divê em hewl bidin ku ji bo agahî binêrin, bi kar tînin, helwestên cuda û ne vekişin. Û paşê sure to get bikin malpera ku dê were razî nîşanî mêvanên xwe be.