CSS memiliki fungsi matematika yang memungkinkan ekspresi matematis digunakan sebagai nilai properti:
calc() : Melakukan perhitungan campuran (misal: width: calc(100% - 40px);).max() : Memilih nilai terbesar dari daftar parameter.min() : Memilih nilai terkecil dari daftar parameter.clamp(min, preferred, max) : Mengunci ukuran di antara batas minimum dan maksimum secara responsif.<!DOCTYPE html>
<html>
<head>
<style>
.judul-fluid {
/* Font minimal 18px, ideal 4vw, maksimal 36px */
font-size: clamp(18px, 4vw, 36px);
color: #0d2e5c;
text-align: center;
}
</style>
</head>
<body>
<h2 class="judul-fluid">Judul Responsif Otomatis dengan clamp()</h2>
<p style="text-align:center;">Ubah ukuran layar: font akan membesar dan mengecil secara otomatis!</p>
</body>
</html>Fungsi clamp() menggantikan kebutuhan puluhan media query manual untuk tipografi responsif.