Moralo o arabelang ke eng? (Video e hlalosang le Infographic)
Ho nkuoe lilemo tse leshome bakeng sa moralo o sebetsang oa webo (RWD) ho ea ka tloaelo ho tloha Cameron Adams o tsebisitsoe pele khopolo ka 2010. Khopolo ena e ne e le bohlale - ke hobane'ng ha re sa khone ho rala libaka tse lumellanang le pono ea sesebelisoa seo se shebiloeng ho sona?
Moralo o arabelang ke eng?
Moralo o arabelang oa webo ke mokhoa oa moralo o netefatsang hore sebaka sa Marang-rang se fana ka boiphihlelo bo nepahetseng ba ho boha sesebelisoa leha e le sefe, ho sa natsoe boholo ba skrine kapa qeto. E kenyelletsa ho sebelisa litlhophiso tse feto-fetohang, litlhophiso tse thehiloeng ho grid, le lipotso tsa media ho theha sebaka se ikamahanyang le boholo ba skrini seo se shebiloeng ho sona. Sena se bolela hore sebaka sa marang-rang se entsoeng ka moralo o arabelang se tla shebahala le ho sebetsa hantle komporong ea komporo, tablet kapa smartphone.
Ka mantsoe a mang, likarolo tse kang litšoantšo li ka fetoloa hammoho le sebopeho sa likarolo tseo. Mona ke video e hlalosang hore na moralo o arabelang ke ofe le hore na ke hobane'ng ha k'hamphani ea hau e lokela ho e sebelisa. Haeba u ntse u fumana moralo o mocha oa sebaka sa marang-rang kapa ts'ebeliso ea webo, moralo o arabelang oa webo oa tlameha, eseng khetho, kaha karolo e fetang halofo ea sephethephethe sa Marang-rang se tsoa lisebelisoa tsa mehala tse nang le bophara bo fapaneng ba pono le bophahamo.
Moralo o arabelang o boetse o nepahetse bakeng sa baqapi ba marang-rang, ba sa tlamehang ho theha boiphihlelo bo ikemetseng bo ikhethileng ho latela sesebelisoa kapa boema-kepe. Moqapi oa marang-rang o arabelang o ka etsoa ka ho sebelisa CSS.
Moqapi o arabelang Lipotso tsa CSS Viewport
Mohlala ke ona oa leqephe la setaele le lokisang boholo ba fonte ho ipapisitsoe le sebaka sa pono se sebelisa potso ea 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;
}
}
Bashebelli ba itseba boholo ba bona mme ba kenya leqephe la setaele ho tloha holimo ho ea tlase. Ka ho botsa mekhoa e sebetsang bakeng sa boholo ba skrini, o ka seta likarolo tse ikhethileng tsa setaele bakeng sa bonyane le bophara bo boholo ba sesebelisoa. Sena ha se bolele hore o tlameha ho rala libaka tse fapaneng bakeng sa skrini se seng le se seng sa boholo, o hloka feela ho fetola likarolo tse hlokahalang o sebelisa lipotso tsa media.
Ho sebetsa ka mohopolo oa pele ke mohala oa mantlha kajeno. Li-brand tsa maemo a holimo ha li nahane feela ka hore na sebaka sa bona sa marang-rang se mosa empa se na le boiphihlelo bo felletseng ba bareki.
Lucinda Duncalfe, CEO ea Monetate
Mona ke infographic e tsoang ho Monetate e bonts'a melemo e ka bang teng ea ho theha moralo o le mong o arabelang bakeng sa lisebelisoa tse ngata:
Na Sebaka sa Hao se Utloahala?
Tsela e 'ngoe e bonolo ea ho bona hore na sebaka sa hau sa marang-rang se arabela hantle ke ho holisa kapa ho fokotsa fensetere ea sebatli sa hau ho bona hore na likarolo li tsamaea ho ipapisitsoe le bophara ba sebatli.
Bakeng sa ho nepahala ho feta, supa ea hau Google Chrome sebatli sebakeng sa hau sa marang-rang. Khetha Sheba> Mohlahisi> Lisebelisoa tsa Moqapi ho tsoa ho menu. Sena se tla kenya lisebelisoa tse ngata ka phanele kapa fensetere e ncha. Tobetsa lets'oao le lenyane le ka letsohong le letšehali la "Developer Tools" la menyu le shebahalang joalo ka lets'oao la mohala le letlapa. U ka khetha lisebelisoa tse ling tse tloaelehileng esita le ho fetola hore na u lakatsa ho sheba leqephe ka holimo kapa ka holimo.
U ka sebelisa likhetho tsa ho sesa holimo holimo ho fetola pono ho tloha ponong ho ea ho potreite, kapa u khethe palo efe kapa efe ea boholo ba preport e hlophisitsoeng. U kanna ua tlameha ho kenya leqephe hape, empa ke sesebelisoa se pholileng ka ho fetesisa lefatšeng ho netefatsa li-setting tsa hau tse arabelang le ho netefatsa hore sebaka sa hau sa marang-rang se shebahala se le setle ho lisebelisoa tsohle!