<!DOCTYPE html>
<html>
<head>
<title>Algoranker</title>
<style type="text/css">
div.top{
width:100%;
height:10%;
text-align: center;
color: white;
background-color: #474747;
}
p{
margin-top: 0px;
}
html,body{
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body >
<div class="top" >
<p>Testing</p>
</div>
</body>
</html>
如何使p标签中的测试文本根据屏幕分辨率而变化，我尝试使用字体大小：10%，但没有改变，任何人都建议我一种方法
如果您希望它根据屏幕宽度调整大小，我建议使用vw单元。
小提琴：https://jsfiddle.net/tey035zv/
嗨，我想建议您参考此链接，因为这支持响应能力
我相信使用这个
https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/
申请就好
font-size : 5vw;