auto size text berdasarkan fix tinggi div

okey men-temen, aku punya koding seperti ini

<!DOCTYPE html>
<html>
<head>
<style>
p {
}
.a{
	width:500px;
	height:100px;
    font-size: 4vmax;
    text-align: center;
    background-color:red;

}
</style>
</head>

<body>

<h1>The p element</h1>
<div class="a">
<p>This is a parag awdawf wfaw ffe rsgsrg srgsrgsrg rgsrg srgsrg srg srg srgs rgsrg  rsg srg rsg srg srg grs gsrg sr gsrgsr g  srgsr fe e faef aef a e faef  ef fef e fef efefe raph.</p>
</div>
</body>
</html>

nah, mau ku adalah, font size nya akan otomatis menyesuaikan size nya,, gampangnya kan <p> otomatis enter nih kalo dah mentok,, nah, pas otomatis enter itu, size text nya juga otomatis mengecil,, jadi ga bakal ke lewat kayak di bawah gini,, (ini tampilan hasil koding di atas)

image.png

jadi mauku, <p> nya tetep di tempat merah itu,,, dengan size yang lebih kecil,, tapi pas cuma ada 1-3 baris, size nya lebih besar

html css

@yukari06

137 Kontribusi 66 Poin

Diperbarui 2 tahun yang lalu

1 Jawaban:

<div>"font size nya akan otomatis menyesuaikan size nya" - ini maksudnya size device?<br>kalau size device bisa menggunakan satuan rem/em nanti parentnya yang diganti saat media-query tertentu<br><br>ini videonya <a href="https://sekolahkoding.com/kelas/membuat-website-repsonive/video/ukuran-font">ukuran font pada mobile size</a><br><br><br></div>

@hilmanski

2692 Kontribusi 2139 Poin

Dipost 2 tahun yang lalu

Tanggapan

bukan size device,,, tapi size div,,, maksudnya setiap kali <p> otomatis enter, kalau 2 enter kan masi pas, tapi pas 4x enter, dia bakal kelewat seperti gambar,,, mauku font nya otomatis mengecil biar bawahnya itu ga ngelewatin div

@yukari06

Kelas Premium! Belajar bikin website dari nol sekarang

auto size text berdasarkan fix tinggi div

Kelas Premium!
Belajar bikin website dari nol sekarang