HesapHanem

Penjana CSS Clamp

Bina nilai clamp() bendalir yang menskala saiz fon anda dengan lancar antara dua lebar viewport.

Cara guna

  1. Masukkan nilai yang diperlukan dalam medan.
  2. Klik “Kira” untuk melihat keputusan.
  3. Salin atau kongsi keputusan dengan butang “Kongsi”.

Mengenai kalkulator ini

Alat ini menjana fungsi CSS clamp() yang responsif untuk tipografi bendalir — clamp(min, preferred, max) — dengan nilai preferred adalah satu ungkapan berasaskan vw yang dikira yang menskalakan saiz fon anda secara lancar antara lebar viewport minimum dan maksimum, supaya ia berhenti membesar atau mengecil melebihi had yang anda pilih.

Pembangun bahagian hadapan menggunakannya untuk mengelakkan penulisan pelbagai titik putus media-query hanya untuk menyaiz semula tajuk dan teks badan, sebaliknya mendapat satu peraturan CSS yang menskala secara lancar. Masukkan saiz fon minimum dan maksimum serta julat viewport anda untuk mendapatkan peraturan clamp() sedia tampal.

Adakah ini membantu?

Anda boleh memilih sehingga 3 reaksi.

Komen

  • Jadilah yang pertama memberi komen.

Kalkulator popular

Kalkulator Pinjaman

Bayaran bulanan, jumlah faedah dan jadual pelunasan lengkap.

Kalkulator Peratus

Perubahan peratus, peratus daripada, dan pengiraan nisbah.

Kalkulator Diskaun

Kira harga akhir, penjimatan dan jumlah diskaun.

Kalkulator BMI

Indeks jisim badan dari ketinggian dan berat (metrik atau imperial).

Kalkulator umur

Kira umur tepat dalam tahun, bulan dan hari dari tarikh lahir.

Kalkulator faedah kompaun

Kira jumlah akhir dan faedah yang diperolehi dengan kompaun.

Semua Kalkulator