Kalkulator CSS clamp()
Lebaken ukuran kangge layar alit lan ageng, banjur pikantuk nilai clamp() fluid ingkang saged gantos kanthi alus — kangge ukuran font, padding, margin, utawi gap.
clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem)Asilipun tetep gadhah bagean rem ing tengah, saengga teks tetep saged mindhak ageng nalika dipun-zoom ngantos 200% — nilai ingkang namung ngginakaken viewport boten saged kados mekaten.
Teks fluid, ukuranipun pas banget.
Kalkulasi dipunproses sakulutipun wonten ing browser panjenengan. Boten wonten data ingkang dipununggah dhateng BroBroGo.
FAQ
Kadospundi kalkulator punika damel nilai clamp()?
Panjenengan maringi kalih titik: ukuran ing wiyar layar alit lan ukuran ing wiyar layar ageng. Alat punika badhe nggambar garis lurus ing antawisipun saengga ukranipun mindhak kanthi luwes nalika layar saya wiyar, banjur dipunbungkus nganggo clamp() saengga boten nate kirang saking ukuran layar alit utawi nglangkungi ukuran layar ageng panjenengan.
Kenging menapa asilipun ngginakaken rem lan vw, boten piksel?
Batasipun ngginakaken rem lan bagean tengah ngginakaken rem, saengga teks tetep saged mindhak ageng nalika pamaos ngginakaken zoom utawi ngowahi ukuran font standar browser. Panjenengan nyerat ukuran ing piksel amargi langkung gampil dipunpahami, lan alat punika badhe ngowahi dhateng rem ngginakaken ukuran font root panjenengan.
Menapa kula saged ngginakaken punika kangge jarak (spacing), boten namung ukuran font?
Saged. Nilai ingkang sami saged dipunginakaken kangge padding, margin, gap, wiyar, utawi inggil. Gantos tampilan pratinjau dhateng Box kangge mirsani owah-owahan jarak. Yen ukuran alit lan ageng panjenengan sami, asilipun badhe dados ukuran tetep biasa.
Menapa sedaya browser ndhukung clamp()?
Saged — sedaya browser modern sampun ndhukung clamp() wiwit taun 2020, saengga panjenengan saged langsung ngginakaken nilai kasebat tanpa fallback.