අද දින බ්රවුසරයේ බ්රවුසර් අනුකූලතාවයක් ඇල්ලූ සිත් ඇදගන්නාසුලු චින්තන වලින් අද වන වෙබ් බ්රවුසරය දිගු මගක් වී තිබේ. වර්තමාන වෙබ් බ්රවුසර සියල්ලම ප්රමිතීන් අනුකූල වේ. ඔවුන් විවිධාකාරව සෙල්ලම් කරමින් විවිධ බ්රව්සර් හරහා තරමක් ස්ථාවර පිටුවක් ප්රදර්ශනය කරයි. Google Chrome, Microsoft Edge, Mozilla ෆයර්ෆාර්, ඔපෙරා, සෆාරි සහ නවතම වෙබ් අඩවි වලට පිවිසීමට භාවිතා කරන ජංගම උපාංග රැසකින් සොයාගත් විවිධ බ්රවුසර වල මෙම නවතම අනුවාද වේ.
වෙබ් බ්රව්සර හා සීඑස්එස් පෙන්වන ආකාරය පිළිබඳ ප්රගතිය නිශ්චිතවම සිදු කර ඇති අතර, මෙම විවිධ මෘදුකාංග විකල්පයන් අතර පවතින අනපේක්ෂිත බව තවමත් පවතී. පොදු නොගැළපීම් එකකි, එම බ්රව්සර් පෙරනිමි ආකාරයට පරාසය, වැල්ඩින් සහ දේශසීමා ගණනය කරන්නේ කෙසේද.
කොටු ආකෘතියේ සියලු අංගයන් HTML අංගයන් බලපාන අතර, පිටු සැකසීම් නිර්මාණය කිරීමේදී ඔවුන් අත්යාවශ්ය වන නිසා, අස්ථිර නිරූපකය යනු එක් බ්රව්සරයක දී පිටුවක් පෙනෙන බව පෙනේ, නමුත් වෙනත් ආකාරයකින් පෙනෙන්නට ඇති බව පෙනේ. මෙම ගැටලුව සඳහා සටන් කිරීමට බොහෝ වෙබ් නිර්මාණකරුවන් පෙට්ටි ආකෘතියේ මෙම අංග සාමාන්ය කරති. මෙම පරිචය "marginal", "padding" සහ "දේශසීමා" සඳහා අගයන් "ශුන්ය කිරීම" ලෙසද හඳුන්වයි.
බ්රවුසරයේ පෙරනිමි සටහන් පිළිබඳ සටහනක්
වෙබ් බ්රවුසර සියල්ල පිටුවක ඇතැම් දර්ශක වල ප්රකෘති සැකසුම් ඇත. නිදසුනක් ලෙස, හයිපර්ලොක් නිල් පැහැය සහ පෙරනිමිය මඟින් අවධාරණය කරනු ලැබේ. විවිධ බ්රව්සර් හරහා මෙය ස්ථාවර අතර, බොහෝ නිර්මාණකරුවන් තම නිශ්චිත ව්යාපෘතියේ නිර්මාණ අවශ්යතාවයන් ගැලපෙන බව පෙනෙන්නට තිබුණද, ඒවා සියල්ලම එකම පෙරනිමියෙන් ආරම්භ වී ඇති නිසා මෙම වෙනස්කම් කිරීමට පහසු වේ. කණගාටුයි, ආන්තිකයන්, වැල්ඩින් සහ දේශසීමා සඳහා පෙරනිමි අගය හරස් බ්රවුසර් අනුකූලතාවයේ සමාන මට්ටම් නොසැලකේ.
මාගරින් සහ පැඩ්ඩින් සඳහා වටිනාකම් සාමාන්යකරණය
අස්ථායි කොටු ආකෘතියේ ගැටළුව විසඳා ගැනීමට ඇති හොඳම ක්රමය වන්නේ HTML මූලද්රව්යයේ සියලු ආන්තික සහ පැල්ලම් අගයන් ශුන්ය කිරීමටයි. ඔබට මෙය කළ හැකි ක්රම කිහිපයක් තිබේ නම් මෙම CSS රීතිය ඔබගේ මෝස්තරයට එකතු කිරීමයි:
* {margin: 0; වැටීම: 0; }}මෙම CSS නීතිය මඟින් * හෝ ආදේශක චරිතය භාවිතා කරයි. එම චරිතය "සියලු අංගයන්" යන්න සහ එය මූලිකවම සෑම HTML අංගයක්ම තෝරාගැනීම සහ ආන්තික සහ වැල්ඩින් එක තෝරන්න. මෙය මෙම නියමය ඉතා අනවශ්යය වන නමුත්, එය ඔබගේ බාහිර වර්ඩ්සෙට්ටුව නිසා, එය පෙරනිමි බ්රවුසරයට වඩා වැඩි විශේෂිතතාවයක් ඇත අගයන්. ඔබ පෙරනිමි ලෙස පෙරනිමි ඒවා වන බැවින්, මෙම එක් ශෛලිය ඔබ විසින් සකස් කරන ලද දේ ඉටු කරනු ඇත.
තවත් විකල්පයක් වන්නේ මෙම අගයන් HTML සහ සිරස් මූලද්රව්ය වෙත යොමු කිරීමයි. මෙම පිටුවෙහි අනෙකුත් මූලද්රව්යයන් මෙම මූලද්රව්ය දෙකේම දරුවන් වනු ඇත. CSS කැස්සේ මෙම සියලු අගයන් සියල්ලම මෙම අගයන් යෙදවිය යුතුය.
html, body {margin: 0; වැටීම: 0; }}මෙය ඔබගේ බ්රවුසරයේ එකම තැනක ආරම්භ කරනු ඇත, නමුත් මතක තබා ගත යුතු එක් කරුණක් වන්නේ ඔබ සෑම ආන්තිකයන් සහ වැල්ඩින් හැරී යාමෙන් පසු, ඔබ තෝරා ගන්නා විට ඔබේ වෙබ් පිටුවෙහි නිශ්චිත කොටස් සඳහා ඒවා ආපසු හැරවීමට සිදුවේ. ඔබේ නිර්මාණය සැලසුම් කරන බව හැඟේ.
දේශසීමා
ඔබ සිතනවා විය හැකිය "නමුත් සැරිසැරීම සඳහා කිසිදු බ්රව්සර් වල සිරස් මූලද්රව්යය අසල ඇති මායිමක් නොමැත." මෙය සත්ය වශයෙන්ම සත්ය නොවේ. Internet Explorer හි පැරණි අනුවාදයන් මූලද්රව්යය වටා විනිවිද පෙනෙන හෝ නොපෙනෙන මායිමක් තිබේ. ඔබ දේශ සීමාව 0 ක් නොතිබුණත්, එම සීමාව ඔබේ පිටු සැකසුම අවුල් කළ හැකිය. ඔබ විසින් මෙම උද්යෝගිමත් අනුවාද සඳහා සහය දක්වනු ඇති බව ඔබ තීරණය කර ඇත්නම්, ඔබේ සිරුරේ සහ HTML ප්රකෘති වලට පහත සඳහන් දෑ එකතු කිරීමෙන් ඔබට මෙය විසඳාගත යුතුය:
HTML, body {
ආන්තික: 0px;
වැටීම: 0px;
දේශසීමා: 0px;
}}
ඔබ ආන්තිකයන් සහ වැල්වැටීම ඉවත් කළ ආකාරය මෙන්ම මෙම නව ශෛලිය පෙරනිමි මායිම් ඉවත් කරනු ඇත. ලිපියෙහි කලින් පෙන්වා ඇති වයිල් කාඩ් පේඩ් එක භාවිතා කිරීමෙන් ඔබටත් එකම දේ කළ හැකිය.
ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරනු ලැබුවේ 9/27/16.