Cara Mengukur Perbandingan Piksel (px) dan Root Em (rem) Blog
Inilah pengertian dan perbedaan antara piksel (px) dan root em (rem) pada template blogger 😁
%20dan%20Root%20Em%20(rem)%20Blog.png "Cara Mengukur Perbandingan Piksel (px) dan Root Em (rem) Blog")
Suatu hari, ketika memandang betapa cantiknya template blogger yang saya pakai, saya baru sadar kalau judul postingannya terlalu besar 😁
Nah, begitu dicek, ada 2 kode yang mengatur kecil dan besarnya ukuran teksnya (font).
Pada kode di atas, teman2 bisa lihat bahwa ada kode font-size: 25px dan font-size: 1.575rem. Keduanya menampilkan ukuran teks yang sama.
Pertanyaannya, kalau memang keduanya menampilkan ukuran yang sama, kenapa gak pakai salah satunya saja? Gitu, kan? 😁
Di dalam konteks desain web, px (piksel) dan rem adalah unit ukuran yang digunakan pada kode CSS (Cascading Style Sheets) yang berguna untuk menentukan ukuran lement pada halaman web.
Piksel adalah unit absolut yang tidak terpengaruh oleh ukuran elemen lain yang ada di sekitarnya atau ukuran font pada elemen root, sedangkan root em adalah unit relatif yang berbasis pada ukuran font elemen root (biasanya <html>).
Piksel (px) cocok untuk ukuran tetap di semua perangkat dan resolusi, sedangkan root em (rem) semua elemen yang menggunakan rem akan menyesuaikan ukurannya secara proporsional.
Jika dibandingkan lebih jauh; piksel kurang fleksibel (statis) yang membuatnya sulit beradaptasi secara responsif dengan berbagai ukuran layar, sedangkan root em dapat menyesuaikan dengan berbagai ukuran layar dan preferensi pengguna.
Nah, di atas itu adalah perbandingan ukuran piksel (px) dan root em (rem). Silakan dipakai atau screenshot, bila perlu 😉
%20dan%20Root%20Em%20(rem)%20Blog.png "Cara Mengukur Perbandingan Piksel (px) dan Root Em (rem) Blog")
Suatu hari, ketika memandang betapa cantiknya template blogger yang saya pakai, saya baru sadar kalau judul postingannya terlalu besar 😁
Nah, begitu dicek, ada 2 kode yang mengatur kecil dan besarnya ukuran teksnya (font).
h1.post-title {
font-size: 25px;
font-size: 1.575rem;
margin: 0 0 20px;
margin: 0 0 1.25rem;
font-family: arial, sans-serif;
}Pada kode di atas, teman2 bisa lihat bahwa ada kode font-size: 25px dan font-size: 1.575rem. Keduanya menampilkan ukuran teks yang sama.
Pertanyaannya, kalau memang keduanya menampilkan ukuran yang sama, kenapa gak pakai salah satunya saja? Gitu, kan? 😁
Pengertian Piksel (px) dan Root Em (rem) serta Perbedaannya
Di dalam konteks desain web, px (piksel) dan rem adalah unit ukuran yang digunakan pada kode CSS (Cascading Style Sheets) yang berguna untuk menentukan ukuran lement pada halaman web.
Piksel adalah unit absolut yang tidak terpengaruh oleh ukuran elemen lain yang ada di sekitarnya atau ukuran font pada elemen root, sedangkan root em adalah unit relatif yang berbasis pada ukuran font elemen root (biasanya <html>).
Piksel (px) cocok untuk ukuran tetap di semua perangkat dan resolusi, sedangkan root em (rem) semua elemen yang menggunakan rem akan menyesuaikan ukurannya secara proporsional.
Jika dibandingkan lebih jauh; piksel kurang fleksibel (statis) yang membuatnya sulit beradaptasi secara responsif dengan berbagai ukuran layar, sedangkan root em dapat menyesuaikan dengan berbagai ukuran layar dan preferensi pengguna.
Perbandingan Piksel (px) dan Root Em (rem) Blog
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Nah, di atas itu adalah perbandingan ukuran piksel (px) dan root em (rem). Silakan dipakai atau screenshot, bila perlu 😉
Labels:
Blogger,
Terima kasih sudah membaca Cara Mengukur Perbandingan Piksel (px) dan Root Em (rem) Blog! Bagikan artikelnya, ya!
Terima kasih sudah membaca Cara Mengukur Perbandingan Piksel (px) dan Root Em (rem) Blog! Bagikan artikelnya, ya!
Posting Komentar untuk "Cara Mengukur Perbandingan Piksel (px) dan Root Em (rem) Blog"
Silakan berkomentar di sini. Bisa pakai akun Google, Anonymous, atau Nama/URL. Komentar LINK AKTIF tidak akan dipublikasi 🙂