CSS Em ve Rem Birimleri: Mobil Cihazlar \u0130\u00e7in Uyumluluk<\/p>\n
Web tasar\u0131m\u0131nda, \u00f6zellikle mobil cihazlarda uyumluluk sa\u011flamak i\u00e7in CSS birimlerini do\u011fru se\u00e7mek \u00e7ok \u00f6nemlidir. Em ve rem birimleri, boyutland\u0131rma i\u00e7in en yayg\u0131n kullan\u0131lan birimlerdir. Bu makalede, em ve rem birimlerini, mobil cihaz uyumlulu\u011fu ile ili\u015fkisini ve bu birimlerin avantajlar\u0131n\u0131 ele alaca\u011f\u0131z.<\/p>\n
Em ve rem birimleri, g\u00f6receli boyutland\u0131rma birimleridir. Bu, boyutun bir di\u011fer eleman\u0131n boyutuna g\u00f6re belirlendi\u011fi anlam\u0131na gelir. Em birimi, **ana \u00f6\u011fenin yaz\u0131 tipi boyutu**na g\u00f6re belirlenirken, rem birimi ise **k\u00f6k \u00f6\u011fenin (html)** yaz\u0131 tipi boyutuna g\u00f6re belirlenir. \u00d6rne\u011fin, Em ve rem birimleri, mobil cihaz uyumlu web tasar\u0131mlar\u0131 olu\u015fturmak i\u00e7in birka\u00e7 avantaj sunar:<\/p>\n Em ve rem birimlerini kullanmak olduk\u00e7a basittir. CSS kodunuzda a\u015fa\u011f\u0131daki gibi kullanabilirsiniz:<\/p>\nfont-size: 1.2em;<\/code> yaz\u0131l\u0131rsa, eleman\u0131n yaz\u0131 tipi boyutu ana \u00f6\u011fenin yaz\u0131 tipi boyutunun 1.2 kat\u0131 olacakt\u0131r.<\/p>\nMobil Cihaz Uyumlu Tasar\u0131mda Em ve Rem’in Avantajlar\u0131<\/h2>\n
\n
Em ve Rem Birimlerini Kullanma<\/h2>\n
\n
\n<style>\nbody {\n font-size: 16px; \/* K\u00f6k eleman\u0131n (html) yaz\u0131 tipi boyutu *\/\n}\n\nh1 {\n font-size: 2em; \/* h1 \u00f6\u011fesinin boyutu, k\u00f6k eleman\u0131n yaz\u0131 tipi boyutunun 2 kat\u0131 *\/\n}\n\np {\n font-size: 1.2rem; \/* p \u00f6\u011fesinin boyutu, k\u00f6k eleman\u0131n yaz\u0131 tipi boyutunun 1.2 kat\u0131 *\/\n}\n<\/style>\n<\/code>\n<\/pre>\nSonu\u00e7<\/h2>\n