3.Membuat Responsive Text Dengan Menggunakan PHP / HTML

 

Kode Program

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

.example {

  background-color: lightgrey;

  padding: 20px;

  font-size: 100px;

}



@media(max-width: 600px) {

  .example {

    font-size: 10px;

  }

}

</style>

</head>

<body>


<h2>Kita akan menggunakan halaman 600px sebagai huruf kecil</h2>


<div class="example">Halaman.</div>


<p>When the browser's width is 600px wide or less, set the font-size of DIV to 30px. When it is 601px or wider, set the font-size to 80px. Resize the browser window to see the effect.</p>


</body>

</html>


3.Membuat Responsive Text Dengan Menggunakan PHP / HTML 3.Membuat Responsive Text Dengan Menggunakan PHP / HTML Reviewed by Leo on 08:48 Rating: 5

No comments