Dhibaatada ugu weyn ee la xiriirta HTML beddelka daawashada cabbirka taleefanka casriga ah waa in ay sababi karto in degelka uu noqdo mid aan jawaabin ama soo bandhigin si khaldan. Tani waa sababta oo ah marka muuqaalka la beddelo, mareegaha waxaa laga yaabaa inaan loo hagaajin cabbirka shaashadda oo laga yaabo inuu awoodi waayo inuu si habboon hoos ugu dhigo nuxurkiisa. Intaa waxaa dheer, astaamaha qaarkood ayaa laga yaabaa inaysan si sax ah ugu shaqeyn cabbirka shaashadda, sida menus-ka-wareejinta ama walxaha is-dhexgalka.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1. Sadarkan koodku waa meta tag, kaas oo siiya macluumaadka ku saabsan dukumeentiga HTML browserka.
2. Sifada magaca waxa loo dejiyay "viewport", taas oo u sheegaysa browser-ka in summadani ay ka kooban tahay macluumaad ku saabsan sida bogga loogu muujinayo qalabyo kala duwan.
3. Sifada nuxurka waxa loo dejiyay “ballaadh=qalabka-ballaadhka, bilowga-scale=1.0”, taasoo u sheegaysa browser-ka in uu u isticmaalo balladhka aaladda sida ballaca bogga oo uu kor ama hoos uga cabbiro halkaa haddii loo baahdo.
Naqshadeynta Webka
Naqshadaynta shabakadda ee jawaab-celinta waa habka naqshadaynta shabakadda taasoo ka dhigaysa boggaga shabakadda inay si fiican u bixiyaan qalab kala duwan iyo daaqadaha ama cabbirrada shaashadda. Waxa ay adeegsataa isku-darka xadhkaha rogrogmi kara iyo habayn, sawiro iyo adeegsiga caqliga leh ee su'aalaha warbaahinta CSS. Mareegaha wax ka qabta waxa loogu talagalay inay bixiyaan waayo aragnimada ugu fican—akhris sahlan iyo hagitaan oo leh ugu yaraan wax ka beddelka, balaadhinta, iyo rog-rogadka—iyada oo ay ku jiraan qalabyo kala duwan (laga bilaabo kormeerayaasha kombuyuutarrada miiska ilaa taleefannada gacanta).
HTML, nashqad jawaab celin leh ayaa lagu gaari karaa iyadoo la adeegsanayo farsamooyinka soo socda:
Shabagyada dabacsan - Isticmaalka cutubyada qaraabada ah sida boqolleyda ama ems halkii laga isticmaali lahaa cutubyo ballac go'an sida pixels ee walxaha qaabaynta waxay u oggolaanaysaa bogga inuu si dabacsanaan leh ula qabsado cabbirrada shaashadda kala duwan.
Weydiimaha warbaahinta - CSS3 weydiimaha warbaahinta ayaa u oggolaanaya horumariyeyaasha inay qeexaan qaabab kala duwan ballaadhka aaladaha kala duwan. Tani waxay u oggolaanaysaa qaabka bogga inuu isku hagaajiyo si waafaqsan qalabka la isticmaalayo.
• Sawirro jawaab celin ah - Sawirrada waxaa laga dhigi karaa mid jawaab celin leh iyadoo la adeegsanayo sifada srcset ee HTML5 taas oo u oggolaanaysa horumariyeyaasha inay qeexaan noocyo badan oo muuqaal ah oo kala duwan oo qalabyo kala duwan ah.
Fiidiyowyo dabacsan - Fiidyowyada waxaa sidoo kale laga dhigi karaa jawaab celin iyadoo la adeegsanayo hantida ku habboon shayga ee CSS taasoo u oggolaanaysa horumariyeyaasha inay qeexaan sida fiidiyowyadu u cabbirayaan gudaha weelkooda iyadoo ku xiran cabbirkooda.
Viewport meta tag
Meta tag ee muuqaalka waa curiye HTML ah oo u sheega browserka sida loo hagaajiyo cabbirka bogga iyo cabbiridda si uu ugu habboonaado qalabka la isticmaalayo. Waxaa loo istcimaalaa in lagu xakameeyo sida bogga mareegku ugu ekaado aaladaha kala duwan, sida casriga iyo tablet-yada. Calaamadda meta ee daawashada waxa loo isticmaali karaa in lagu dejiyo ballaca bogga shabakadda, kor ama hoos loo cabbiro, oo loo caddeeyo in isticmaalayaasha loo oggol yahay inay soo dhaweeyaan ama aan fogayn. Waxa kale oo loo isticmaali karaa in lagu dejiyo miisaanka bilowga ah, cabbirka ugu sarreeya, sifooyinka la isticmaali karo, iyo in ka badan.
Sideen uga dhigaa mareegahayga mid ku habboon shaashadda telefoonkayga
Si aad website-ka uga dhigto mid ku habboon shaashadda taleefanka HTML-ka, waxaad isticmaali kartaa calaamadda muuqaalka muuqaalka. Sumadani waxay kuu ogolaanaysaa inaad xakamayso sida website-kaaga loogu soo bandhigay qalabyo kala duwan. Waxaad dejin kartaa ballaca goobta daawashada in ay la mid tahay ballaca aaladda, si uu mareegahaagu si toos ah u hagaajiyo cabbirkiisa si uu ugu habboonaado shaashadda qalab kasta. Intaa waxaa dheer, waxaad sidoo kale isticmaali kartaa su'aalaha warbaahinta ee ku jira koodka CSS-gaaga si aad u sii habayso sida website-kaagu u eego qalabka kala duwan.
