I am working on creating a mobile-friendly website and I want to ensure that the font sizes adjust properly based on different screen resolutions. Does anyone have any advice on how to achieve this?
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
font-size: 1em;
/* font-size:20px; */
}
</style>
</head>
<body>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has s
urvived not only five centuries, but also the leap into electronic .
</p>
</body>
</html>