අන්තර්ගත අලෙවිඅලෙවිකරණ සහ විකුණුම් වීඩියෝඅලෙවිකරණ තොරතුරුජංගම සහ ටැබ්ලට් අලෙවිකරණය

ප්‍රතිචාරාත්මක නිර්මාණය යනු කුමක්ද? (පැහැදිලි කරන්නා වීඩියෝ සහ ඉන්ෆොග්‍රැෆික්)

එය දශකයක් ගතවී ඇත ප්‍රතිචාරාත්මක වෙබ් නිර්මාණය (RWD) සිට ප්‍රධාන ධාරාවට යාමට කැමරන් ඇඩම්ස් මුලින්ම හඳුන්වා දුන්නේය 2010 දී සංකල්පය. අදහස විචක්ෂණ විය - අපට එය බලන උපාංගයේ දර්ශන තලයට අනුවර්තනය වන අඩවි සැලසුම් කළ නොහැක්කේ ඇයි?

ප්‍රතිචාරාත්මක නිර්මාණය යනු කුමක්ද?

ප්‍රතිචාරාත්මක වෙබ් නිර්මාණය යනු තිරයේ ප්‍රමාණය හෝ විභේදනය නොසලකා වෙබ් අඩවියක් ඕනෑම උපාංගයක ප්‍රශස්ත නැරඹීමේ අත්දැකීමක් ලබා දෙන බව සහතික කරන නිර්මාණ ප්‍රවේශයකි. එය නරඹන තිරයේ ප්‍රමාණයට ගැළපෙන වෙබ් අඩවියක් නිර්මාණය කිරීමට නම්‍යශීලී පිරිසැලසුම්, ජාලක පදනම් වූ පිරිසැලසුම් සහ මාධ්‍ය විමසුම් භාවිතා කිරීම ඇතුළත් වේ. මෙයින් අදහස් කරන්නේ ප්‍රතිචාරාත්මක වෙබ් නිර්මාණයකින් නිර්මාණය කර ඇති වෙබ් අඩවියක් ඩෙස්ක්ටොප් පරිගණකයක, ටැබ්ලටයක හෝ ස්මාර්ට් ජංගම දුරකතනයක හොඳින් පෙනෙන අතර ක්‍රියා කරන බවයි.

වෙනත් වචන වලින් කිවහොත්, රූප වැනි මූලද්‍රව්‍ය මෙන්ම එම මූලද්‍රව්‍යවල පිරිසැලසුම සකස් කළ හැකිය. ප්‍රතිචාරාත්මක නිර්මාණය යනු කුමක්ද යන්න මෙන්ම ඔබේ සමාගම එය ක්‍රියාත්මක කළ යුත්තේ ඇයිද යන්න පැහැදිලි කරන වීඩියෝවක් මෙන්න. ඔබ නව වෙබ් අඩවි නිර්මාණයක් හෝ වෙබ් යෙදුමක් සංවර්ධනය කරන්නේ නම්, ප්‍රතිචාරාත්මක වෙබ් නිර්මාණය අත්‍යවශ්‍ය දෙයක් මිස විකල්පයක් නොවේ, සියලු වෙබ් ගමනාගමනයෙන් අඩකට වඩා පැමිණෙන්නේ විවිධ දර්ශන තොටේ පළල සහ උස ඇති ජංගම උපාංගවලින් වන බැවිනි.

උපාංගය හෝ දර්ශන තලය මත පදනම්ව අද්විතීය ස්වාධීන අත්දැකීම් ගොඩනගා ගැනීමට අවශ්‍ය නොවන වෙබ් නිර්මාණකරුවන් සඳහා ප්‍රතිචාරාත්මක නිර්මාණය ද ප්‍රශස්ත වේ. ප්‍රතිචාරාත්මක වෙබ් නිර්මාණය භාවිතයෙන් සිදු කළ හැක CSS.

ප්‍රතිචාරාත්මක නිර්මාණ CSS Viewport විමසුම්

මාධ්‍ය විමසුමක් භාවිතයෙන් දර්ශන තොට මත පදනම්ව අකුරු ප්‍රමාණය සීරුමාරු කරන මෝස්තර පත්‍රිකාවක උදාහරණයක් මෙන්න:

/* 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;
  }
}

බ්‍රව්සර් ඔවුන්ගේ ප්‍රමාණය ගැන ස්වයං-දැනුවත් වන අතර ඔවුන් මෝස්තර පත්‍රිකාව ඉහළ සිට පහළට පටවයි. තිරයේ විශාලත්වය සඳහා අදාළ මෝස්තර විමසීමෙන්, ඔබට එක් එක් අවම සහ උපරිම උපාංග පළල සඳහා නිශ්චිත මෝස්තර අංග සැකසිය හැක. සෑම ප්‍රමාණයේ තිරයක් සඳහාම ඔබට විවිධ අඩවි සැලසුම් කළ යුතු බව මින් අදහස් නොවේ, ඔබට මාධ්‍ය විමසුම් භාවිතයෙන් අවශ්‍ය මූලද්‍රව්‍ය මාරු කළ යුතුය.

ජංගම පළමු මානසිකත්වය සමඟ ක්‍රියාත්මක වීම අද මූලික ප්‍රමිතියයි. හොඳම පන්තියේ වෙළඳ නාමයන් සිතන්නේ ඔවුන්ගේ වෙබ් අඩවිය ජංගම-හිතකාමීද යන්න ගැන පමණක් නොව පූර්ණ පාරිභෝගික අත්දැකීම් ගැන ය.

මොනිටේට් ප්‍රධාන විධායක ලුසින්ඩා ඩන්කාල්ෆ්

මෙන්න තොරතුරු විස්තරයක් මුදල් ඉපයීම බහු උපාංග සඳහා එක් ප්‍රතිචාරාත්මක සැලසුමක් නිර්මාණය කිරීමේ විභව ප්‍රතිලාභ නිදර්ශනය කිරීම:

ප්‍රතිචාරාත්මක වෙබ් නිර්මාණ තොරතුරු

ඔබේ වෙබ් අඩවිය ප්‍රතිචාර දක්වනවාද?

ඔබේ වෙබ් අඩවිය ප්‍රතිචාර දක්වන්නේ දැයි බැලීමට එක් සරල ක්‍රමයක් නම් බ්‍රවුසරයේ පළල මත පදනම්ව මූලද්‍රව්‍ය චලනය වන්නේ දැයි බැලීමට ඔබේ බ්‍රවුසර කවුළුව වර්ධනය කිරීම හෝ හැකිලීමයි.

වඩාත් නිරවද්‍යතාවය සඳහා, ඔබේ යොමු කරන්න ගූගල් ක්රෝම් ඔබගේ වෙබ් අඩවියට බ්‍රවුසරය. තෝරන්න බලන්න> සංවර්ධක> සංවර්ධක මෙවලම් මෙනුවෙන්. මෙය පැනලයක හෝ නව කවුළුවක මෙවලම් පොකුරක් පූරණය කරනු ඇත. ජංගම සහ ටැබ්ලට් නිරූපකයක් මෙන් පෙනෙන සංවර්ධක මෙවලම් මෙනු තීරුවේ වම්පස ඇති කුඩා නිරූපකය මත ක්ලික් කරන්න. ඔබට සමහර සම්මත උපාංග තෝරාගත හැකි අතර ඔබට පිටුව තිරස් අතට හෝ සිරස් අතට බැලීමට අවශ්‍යද යන්න පවා වෙනස් කළ හැක.

  • chrome developer tools ප්‍රතිචාර දක්වන ටැබ්ලටය
  • chrome developer tools ප්‍රතිචාරාත්මක ජංගම තිරස්
  • ක්‍රෝම් සංවර්ධක මෙවලම් ප්‍රතිචාරාත්මක ජංගම
  • ක්‍රෝම් සංවර්ධක මෙවලම් ප්‍රතිචාරාත්මක ඩෙස්ක්ටොප්

භූ දර්ශනයේ සිට ආලේඛ්‍ය චිත්‍රය දක්වා දර්ශනය වෙනස් කිරීමට ඔබට ඉහළින් සංචාලන විකල්ප භාවිතා කළ හැකිය, නැතහොත් ඕනෑම පූර්ව වැඩසටහන්ගත කළ දර්ශනපථ ප්‍රමාණ තෝරන්න. ඔබට පිටුව නැවත පූරණය කිරීමට සිදු විය හැකිය, නමුත් එය ඔබගේ ප්‍රතිචාරාත්මක සැකසුම් සත්‍යාපනය කිරීම සහ ඔබේ වෙබ් අඩවිය සියලු උපාංගවල විශිෂ්ට ලෙස පෙනෙන බව සහතික කිරීම සඳහා ලෝකයේ සිසිල්ම මෙවලමයි!

Douglas Karr

Douglas Karr හි CMO වේ විවෘත INSIGHTS සහ නිර්මාතෘ Martech Zone. ඩග්ලස් සාර්ථක MarTech ආරම්භක දුසිම් ගණනකට උදව් කර ඇත, මාර්ටෙක් අත්පත් කර ගැනීම් සහ ආයෝජන සඳහා ඩොලර් 5 කට වඩා වැඩි කඩිසරකමකට සහාය වී ඇත, සහ ඔවුන්ගේ විකුණුම් සහ අලෙවිකරණ උපාය මාර්ග ක්‍රියාත්මක කිරීමට සහ ස්වයංක්‍රීය කිරීමට සමාගම්වලට දිගටම සහාය වේ. ඩග්ලස් යනු ජාත්‍යන්තරව පිළිගත් ඩිජිටල් පරිවර්තනයක් වන අතර MarTech විශේෂඥයෙකු සහ කථිකයෙකි. ඩග්ලස් ඩමිගේ මාර්ගෝපදේශකයෙකු සහ ව්‍යාපාර නායකත්ව පොතක ප්‍රකාශිත කතුවරයෙකි.

සබැඳි පුවත්

ඉහළට බොත්තම
සමීප

Adblock අනාවරණය විය

Martech Zone වෙළඳ දැන්වීම් ආදායම, අනුබද්ධ සබැඳි සහ අනුග්‍රාහකත්ව හරහා අපි අපගේ වෙබ් අඩවියෙන් මුදල් උපයන නිසා කිසිදු වියදමකින් තොරව ඔබට මෙම අන්තර්ගතය ලබා දීමට හැකි වේ. ඔබ අපගේ වෙබ් අඩවිය නරඹන විට ඔබේ දැන්වීම් අවහිර කරන්නා ඉවත් කරන්නේ නම් අපි අගය කරන්නෙමු.