当我在浏览器中放大或缩小或使用其他尺寸的屏幕（例如笔记本电脑）时，文本会放大并弄乱了我该如何解决
我尝试使用meta veiwport代码进行多种不同的操作不起作用，如果我使用绝对或固定位置或相对位置以百分比表示的话，则不会改变任何内容，但字体大小以pt为单位（不知道是否重要
有CSS
.text {
color: white;
position: relative;
float: left;
left: 28%;
top: 8%;
font-size: 14pt;
font-family: arial;
background-color: grey;
width: 70%
这是它的html
<div class="text"> Space is a very cool place but also a very dangerous place to be in from sickening ionizing radiation to the lack of oxygen and the many other dangers that space contains but space also contains many wonders and mysteries waiting to be uncovered. </div>