Şrift Ölçüsünün Dərinlik Anlayışı (PX vs EM vs REM)

Şrift Ölçüsü Anlayışı

Şrift ölçüsü vebdə çox əhəmiyyətli bir rol oynayır, Şrift ölçüsü css xüsusiyyətlərindən biridir, Şrift ölçüsü və ya mətn ölçüsü veb səhifədə göstərilən simvolların nə qədər böyük olduğunu müəyyənləşdirir. bir şrift adətən nöqtələrdə (pt) ölçülür və ümumiyyətlə pikseldə (px) müəyyən edilir.

Hər hansı bir veb səhifənin baza şriftinin ölçüsü (Body Font-size) 16px-dir, hər hansı bir özəl şrift ölçüsünü təyin etməyincə.
Şrift ölçüsü xassəsi aşağıdakı yollardan biri ilə təyin olunur:

1. Mütləq ölçüdə və ya nisbi ölçüdə
2. Uzunluğu və ya faizi (ana elementin şrift ölçüsünə nisbətən)

Əsas Sintaksis

Şriftin əsas sintaksisi

Mütləq ölçülü
xx-kiçik, x-kiçik, kiçik, xx-böyük, x-böyük, böyük
Mütləq ölçülü açar sözlərlə şrift ölçüsü, ana elementin şrift ölçüsünə nisbətən daha böyük və ya kiçik olacaqdır.

Nisbi ölçü
daha kiçik, daha böyük

Uzunluq
Uzunluqla müəyyən edilmiş şrift ölçüsü həmişə müsbət dəyər olacaq, em və px kimi şrift nisbi vahidlərdən istifadə olunur

Faiz-Ölçü
Faiz ilə şrift ölçüsü həmişə müsbət dəyər olacaq və ana elementin şrift ölçüsünə nisbətən

Bədəndəki Şrift Ölçüsünü təyin edin

Bədəndəki şrift ölçüsünü müəyyənləşdirmək hər hansı bir veb səhifəni inkişaf etdirmək üçün ən yaxşı yanaşmadır. Bədən elementində bir söz şriftinin ölçüsünü təyin etməklə, səhifənin hər yerində nisbi şrift ölçüsünü təyin edə bilərsiniz, bu da şrifti müvafiq olaraq bütün səhifədə yuxarı və ya aşağı asanlıqla ölçmək imkanı verir.

Pikseldə Şrift Ölçüsü (Px)

Pikseldə şrift ölçüsünü təyin etmək yaxşı bir təcrübə deyil. bu yalnız mükəmməl piksel dizaynını idarə edirsinizsə yaxşı olacaqdır.
 Pixel (px) statik bir dəyərdir, px OS-dən müstəqil və brauzerlərə məktubları göstərdiyiniz hündürlükdə tam olaraq piksel sayında göstərməyi söyləyir. Nəticələr brauzerlərdə bir qədər fərqlənə bilər, çünki hər bir brauzer oxşar effekt əldə etmək üçün fərqli alqoritmlərdən və yanaşmadan istifadə edir.
 Şrift ölçüsünü pikseldə (px) müəyyənləşdirdiyiniz zaman səhifəni məsuliyyətlə idarə etmək üçün bəzi əlavə css yazmaq üçün üzləşə bilərsiniz. və hər fasilə nöqtələrində css yazmalısan.

EM-də şrift ölçüsü

Şrift ölçüsünü təyin etməyin başqa bir yolu em dəyərləridir. Bir em dəyərinin ölçüsü dinamikdir. şriftin ölçüsünü müəyyənləşdirdiyimiz zaman ana elementin ölçüsündən asılıdır.
 əgər valideyn üçün şrift ölçüsünü təyin etməmişiksə, onda bu, brauzer şriftinin ölçüsünü, yəni 16px-ı alacaqdır.
 Em ilə bilmək üçün ən vacib şey, həmişə valideynin şrift ölçüsündən asılıdır. əgər iç iç elementi şrifti müəyyənləşdirirsinizsə, onda şriftin ölçüsünü təyin etmək üçün bunu nəzərə almalısınız.

Dönüşüm üçün piksel

REM-də şrift ölçüsü

Şrift ölçülü rem dəyərləri, içərisindəki element elementləri ilə em problemini aradan qaldırmaq üçün icad edilmişdir.
 Şrift ölçüsü rem dəyərləri ana elementə deyil, kök html elementinə nisbətlidir, qalan hər şey em ilə eynidir.
 Aşağıda yuva elementləri varsa rem və em arasındakı fərq var.

EM və REM ilə iç içə elementlər arasındakı fərq

EM ilə iç elementREM ilə iç içə element

İstinad: https://developer.mozilla.org/en-US/docs/Web