Content MarketingLahatsary momba ny varotra sy varotraMarketing InfographicsFivarotana finday sy tablette

Inona ny famolavolana mamaly? (Lahatsary fanazavana sy sary)

Nila folo taona ny famolavolana tranonkala mahaliana (RWD) ho lasa mahazatra hatramin'izay Cameron Adams nampiditra voalohany ny foto-kevitra tamin'ny 2010. Mahafinaritra ilay hevitra – nahoana isika no tsy afaka mamolavola tranonkala mifanaraka amin'ny fijerin'ilay fitaovana ijerena azy?

Inona ny famolavolana mamaly?

Ny famolavolana tranonkala mandray andraikitra dia fomba famolavolana izay manome antoka fa manome traikefa tsara indrindra amin'ny fijerena amin'ny fitaovana rehetra ny tranonkala iray, na inona na inona haben'ny efijery na fanapahan-kevitra. Tafiditra ao anatin'izany ny fampiasana rindran-damina moramora, fandrafetana mifototra amin'ny grid, ary fanontaniana momba ny haino aman-jery mba hamoronana vohikala mifanaraka amin'ny haben'ny efijery ijerena azy. Midika izany fa ny vohikala noforonina miaraka amin'ny famolavolana tranonkala mandray andraikitra dia hijery sy hiasa tsara amin'ny solosaina desktop, tablette, na smartphone.

Raha lazaina amin'ny teny hafa, ny singa toy ny sary dia azo amboarina ary koa ny fisehon'ireo singa ireo. Ity misy horonan-tsary manazava ny atao hoe famolavolana mandray andraikitra ary koa ny antony tokony hampiharana izany ny orinasanao. Raha mahazo famolavolana tranokala vaovao na fampiharana tranonkala novolavolaina ianao, dia tsy maintsy atao ny famolavolana tranonkala mandray andraikitra, fa tsy safidy, satria mihoatra ny antsasaky ny fifamoivoizana an-tranonkala dia avy amin'ny fitaovana finday izay manana sakan'ny habaka sy haavony samihafa.

Ny famolavolana mamaly ihany koa dia tsara indrindra ho an'ny mpamorona tranonkala, izay tsy mila manangana traikefa mahaleo tena izay miavaka mifototra amin'ny fitaovana na viewport. Ny famolavolana tranonkala mamaly dia azo tanterahina amin'ny fampiasana CSS.

Responsive Design CSS Viewport Fanontaniana

Ity misy ohatra iray amin'ny stylesheet izay manitsy ny haben'ny endri-tsoratra mifototra amin'ny seranan-tsambo amin'ny fampiasana fanontaniana media:

/* Default styles for all devices */
body {
  font-size: 16px;
  line-height: 1.5;
}

/* Style changes for devices with a viewport width between 600px and 900px */
@media (min-width: 600px) and (max-width: 900px) {
  body {
    font-size: 18px;
  }
}

/* Style changes for devices with a viewport width between 900px and 1200px */
@media (min-width: 900px) and (max-width: 1200px) {
  body {
    font-size: 20px;
  }
}

/* Style changes for devices with a viewport width greater than 1200px */
@media (min-width: 1200px) {
  body {
    font-size: 22px;
  }
}

Ny navigateur dia mahafantatra ny habeny ary mameno ny stylesheet avy any ambony ka hatrany ambany. Amin'ny alalan'ny fanotaniana ireo fomba azo ampiharina amin'ny haben'ny efijery dia azonao atao ny mametraka singa fanaingoana manokana ho an'ny sakan'ny fitaovana kely indrindra sy ambony indrindra. Tsy midika akory izany fa tsy maintsy mamolavola tranokala isan-karazany ho an'ny efijery tsirairay ianao, mila manova ireo singa ilaina amin'ny alàlan'ny fangatahana media.

Ny fiasa miaraka amin'ny toe-tsaina finday voalohany no fari-pitsipika ankehitriny. Ny marika tsara indrindra an-kilasy dia tsy mieritreritra fotsiny raha ny tranokalan'izy ireo dia sariaka finday fa momba ny traikefa ho an'ny mpanjifa feno.

Lucinda Duncalfe, tale jeneralin'ny Monetate

Ity misy infographic avy amin'ny Monetate mampiseho ny tombontsoa azo avy amin'ny famoronana endrika iray mamaly ho an'ny fitaovana maro:

Infographic famoronana tranonkala mamaly

Mamaly ve ny tranokalanao?

Ny fomba tsotra iray hahitana raha mamaly ny tranokalanao dia ny mampitombo na manamaivana ny varavarankelin'ny navigateur mba hahitana raha mihetsika araka ny sakan'ny navigateur ireo singa.

Raha mila fanazavana fanampiny dia tondroy ny anao Google Chrome navigateur amin'ny tranokalanao. Select Jereo> Developer> Fitaovana fampivoarana avy amin'ny sakafo. Hampiditra fitaovana marobe amin'ny tontonana na varavarankely vaovao izany. Kitiho ny kisary kely eo ankavia amin'ny bara menus Developer Tools izay toa kisary finday sy takelaka. Azonao atao ny misafidy fitaovana manara-penitra ary manova mihitsy aza raha te hijery ny pejy mitsivalana na mitsangana ianao.

  • chrome developer fitaovana mandray andraikitra
  • chrome developer fitaovana mamaly ny finday horizontaly
  • chrome developer fitaovana mamaly finday
  • chrome developer fitaovana mandray andraikitra

Azonao atao ny mampiasa ny safidy fitetezana etsy ambony hanovana ny fijery avy amin'ny zoro mankany amin'ny sary, na koa hisafidy isan'ny haben'ny viewport efa nomanina. Mety mila mamerina mamaky ny pejy ianao, saingy io no fitaovana faran'izay mangatsiaka indrindra eto an-tany amin'ny fanamarinana ny toe-javatra misy anao ary manome antoka fa tsara amin'ny tranokala rehetra ny tranokalanao!

Douglas Karr

Douglas Karr dia CMO ny OpenINSIGHTS ary ny mpanorina ny Martech Zone. Nanampy tamin'ny fanombohana MarTech am-polony maro i Douglas, nanampy tamin'ny fahazotoana mitentina 5 miliara dolara amin'ny fividianana sy fampiasam-bola Martech, ary manohy manampy ireo orinasa amin'ny fampiharana sy ny automatique ny paikady momba ny varotra sy ny varotra. Douglas dia fanovàna nomerika eken'ny sehatra iraisam-pirenena ary manampahaizana sy mpandahateny MarTech. Douglas dia mpanoratra navoakan'ny torolàlana Dummie ary boky fitarihana orinasa.

Related Articles

Miverina amin'ny bokotra ambony
akaiky

Adblock hita

Martech Zone dia afaka manome anao ity votoaty ity tsy misy vidiny satria ataonay vola ny tranokalanay amin'ny alàlan'ny fidiram-bolan'ny doka, ny rohy mifandray, ary ny fanohanana. Mankasitraka izahay raha esorinao ny fanakanana dokao rehefa mijery ny tranokalanay ianao.