伙计们，我有一个非常奇怪的问题，我不确定是否与CSS或Chrome本身有关。
我在一个网站上工作时发现，如果我处于移动预览状态，并且将块定位为绝对位置，则块内的字体在屏幕上显示得很少。
请截图：
绝对位置启用：
绝对位置无效
我删除了所有样式和脚本进行测试，这是同一问题。
目前，我的代码如下所示：
<html>
<head>
<title></title>
<style type="text/css">
div{
position: absolute;
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<p>Lorem Ipsum .... </p>
<div>TEXT</div>
</body>
</html>
附言在最新版本的Chrome和Chrome Canary上进行了测试-相同的问题。
最佳答案
我发现了问题，这是因为缺少视口元标记...
如果有人遇到这种问题，只需将下面的字符串添加到HTML的head标记中：
<meta name="viewport" content="width=device-width, initial-scale=1>
感谢您的帮助。