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:
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.
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!