ምላሽ ሰጪ ዲዛይን ምንድነው? (ገላጭ ቪዲዮ እና መረጃ-ሰጭ)
እሱ ለአስር ዓመታት ተወስዷል ምላሽ ሰጪ የድር ዲዛይን (RWD) ጀምሮ ወደ ዋናው መሄድ ካሜሮን አዳምስ ለመጀመሪያ ጊዜ አስተዋውቋል እ.ኤ.አ. በ 2010 ሀሳቡ ብልህ ነበር - ለምን እየታየ ካለው መሳሪያ እይታ ጋር የሚስማሙ ጣቢያዎችን መንደፍ አንችልም?
ምላሽ ሰጪ ዲዛይን ምንድነው?
ምላሽ ሰጪ የድር ዲዛይን የስክሪኑ መጠን እና ጥራት ምንም ይሁን ምን ድህረ ገጽ በማንኛውም መሳሪያ ላይ ጥሩ የእይታ ተሞክሮ እንደሚሰጥ የሚያረጋግጥ የንድፍ አቀራረብ ነው። እየታየበት ካለው የስክሪን መጠን ጋር የሚያስተካክል ጣቢያ ለመፍጠር ተለዋዋጭ አቀማመጦችን፣ ፍርግርግ ላይ የተመሰረቱ አቀማመጦችን እና የሚዲያ መጠይቆችን መጠቀምን ያካትታል። ይህ ማለት ምላሽ ሰጭ የድር ዲዛይን ያለው ድህረ ገጽ በዴስክቶፕ ኮምፒውተር፣ ታብሌት ወይም ስማርትፎን ላይ ጥሩ ሆኖ ይሰራል።
በሌላ አነጋገር እንደ ምስሎች ያሉ ንጥረ ነገሮች እንዲሁም የእነዚያን ንጥረ ነገሮች አቀማመጥ ማስተካከል ይቻላል. ምላሽ ሰጪ ንድፍ ምን እንደሆነ እና ኩባንያዎ ለምን ተግባራዊ ማድረግ እንዳለበት የሚያብራራ ቪዲዮ ይኸውና። አዲስ የድረ-ገጽ ዲዛይን ወይም የድረ-ገጽ አፕሊኬሽን እያገኙ ከሆነ፣ ምላሽ ሰጪ የድር ዲዛይን የግድ ነው እንጂ አማራጭ አይደለም፣ ከግማሽ በላይ የሚሆነው የድረ-ገጽ ትራፊክ የሚመጣው የተለያየ የእይታ ስፋት እና ቁመት ካላቸው ተንቀሳቃሽ መሳሪያዎች ነው።
ምላሽ ሰጪ ዲዛይን እንዲሁ ለድር ዲዛይነሮች በጣም ጥሩ ነው፣ እነሱም በመሣሪያው ወይም በእይታ እይታ ላይ ተመስርተው ልዩ የሆኑ ገለልተኛ ተሞክሮዎችን መገንባት አይጠበቅባቸውም። ምላሽ ሰጪ የድር ዲዛይን በመጠቀም ሊከናወን ይችላል። የሲ ኤስ ኤስ.
ምላሽ ሰጪ ንድፍ CSS የመመልከቻ ጥያቄዎች
የሚዲያ ጥያቄን በመጠቀም በእይታ መስጫ ላይ በመመስረት የቅርጸ-ቁምፊውን መጠን እያስተካከለ ያለው የቅጥ ሉህ ምሳሌ ይኸውና፡
/* 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;
}
}
አሳሾች መጠናቸውን በራሳቸው ያውቃሉ እና የቅጥ ሉህውን ከላይ እስከ ታች ይጭናሉ። ለስክሪኑ መጠን የሚመለከታቸውን ቅጦች በመጠየቅ ለእያንዳንዱ ዝቅተኛ እና ከፍተኛው የመሳሪያ ስፋት የተወሰኑ የቅጥ ክፍሎችን ማዘጋጀት ይችላሉ። ይህ ማለት ለእያንዳንዱ መጠን ስክሪን የተለያዩ ድረ-ገጾችን መንደፍ አለብዎት ማለት አይደለም፣ የሚዲያ ጥያቄዎችን በመጠቀም አስፈላጊ የሆኑትን ንጥረ ነገሮች መቀየር ብቻ ያስፈልግዎታል።
ከሞባይል-የመጀመሪያ አስተሳሰብ ጋር መሥራት ዛሬ መሰረታዊ መስፈርት ነው ፡፡ ምርጥ-በክፍል ውስጥ ያሉ ምርቶች ጣቢያዎቻቸው ለሞባይል ተስማሚ እንደሆኑ ብቻ ሳይሆን ስለ ሙሉ የደንበኞች ተሞክሮ እያሰቡ ነው ፡፡
ሉሲንዳ ዳንካልፌ ፣ የ Monetate ዋና ሥራ አስፈፃሚ
የመረጃ መረጃ ይኸውልዎት ከ Monetate ለብዙ መሳሪያዎች አንድ ምላሽ ሰጭ ንድፍ የመፍጠር እምቅ ጥቅሞችን በማሳየት፡-
ጣቢያዎ ምላሽ ሰጭ ነው?
ጣቢያዎ ምላሽ ሰጭ መሆኑን ለማየት አንዱ ቀላል መንገድ አባላቶቹ በአሳሹ ስፋት ላይ ተመስርተው እንደሚንቀሳቀሱ ለማየት የአሳሽ መስኮትዎን ማደግ ወይም መቀነስ ነው።
ለበለጠ ትክክለኛነት፣ የእርስዎን ይጠቁሙ የ Google Chrome አሳሽ ወደ ጣቢያዎ. ይምረጡ ይመልከቱ> ገንቢ> የገንቢ መሣሪያዎች ከምናሌው. ይህ በፓነል ወይም በአዲስ መስኮት ውስጥ ብዙ መሳሪያዎችን ይጭናል. የሞባይል እና የጡባዊ አዶ የሚመስለውን ከገንቢ መሳሪያዎች ምናሌ አሞሌ በስተግራ ያለውን ትንሽ አዶ ጠቅ ያድርጉ። አንዳንድ መደበኛ መሳሪያዎችን መምረጥ እና ገጹን በአግድም ሆነ በአቀባዊ ማየት መፈለግዎን መቀየር ይችላሉ.
እይታውን ከመሬት ገጽታ ወደ ምስል ለመቀየር ከላይ ያሉትን የአሰሳ አማራጮችን መጠቀም ይችላሉ ፣ ወይም ደግሞ ማንኛውንም ቅድመ-መርሃግብር የተደረገባቸውን የእይታ መጠኖች ብዛት ይምረጡ ፡፡ ገጹን እንደገና መጫን ሊኖርብዎ ይችላል ፣ ግን ምላሽ ሰጪ ቅንብሮችዎን ለማጣራት እና ጣቢያዎ በሁሉም መሣሪያዎች ላይ ጥሩ ሆኖ እንዲታይ ለማድረግ በዓለም ውስጥ በጣም አሪፍ መሣሪያ ነው!