উদাহরণ
নিচের কোডটি CSS viewport यूनিট ব্যবহার করে রেসপন্সিভ টাইপোগ্রাফি তৈরি করার পদ্ধতি দেখায়:
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<head>
<style>
h1 {
font-size: 10vw;
}
p {
font-size: 5vw;
}
</style>
</head>
<body>
<h1>Responsive Text Example</h1>
<p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum, rerum. </p>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi, necessitatibus officiis hic est in nobis! </p>
</body>
</html>
আউটপুট
উপরোক্ত কোড নিচের আউটপুটটি তৈরি করবে:
স্ক্রিন রিসাইজ করলে:
