Bir tasarım için yüzdelerdeki pikseller nasıl hesaplanır?

1. Adım

Kullanmak istediğiniz yazı tipinin boyutunu belirleyin. Büyüklüğü bildirmezseniz, çoğu web tarayıcısının metninizin boyutunu 16 piksele önceden belirleyeceğini unutmayın.

2. Adım

Piksel olarak kullanmak istediğiniz metnin boyutunu alın ve bu sayıyı 16'ya böler. Örneğin, 24 pikselden oluşan bir font kullanmak isterseniz, 24'e 16'ya bölünür.

3. adım

100 ile aldığınız numarayı çarpın ve bu sizin yüzdesinizdir. CSS'deki 24 piksel yazı tipinizin yüzdesi% 150 olur.

4. Adım

Yüzdeyi kullanarak yazı tipini ayarlamak için HTML paragraf değişkeninde "font-size: 150%" (yazı tipi boyutu:% 150) kullanın.