html - 我怎样才能像桌面一样移动？

Question

我创建了一个 div，用于在图像上放置文本。

这里是代码:

<div style="text-align:center;position:absolute;height:36.75%;width:25%;top:9.25%;left:9.75%;background-color:red">
<br/>
<h3 style="font-size:100%;font-family:RightChalk;color:white">Helloo</h3>
<h4 style="font-size:75%;font-family:RightChalk;color:white">Text right here</h4>
<h5 style="font-size:85%;font-family:RightChalk;;color:white;text-align:left;margin-left:15%">Yes, i want<br/>No, i don't</h5>
<h5 style="font-size:70%;font-family:RightChalk;color:white">MANUAL HISTORY<br/>PRINCIPAL Story</h5>
</div>

这里是手机: 太完美了。

这里是桌面: 它不像在移动设备上那样填满正方形。

我该如何解决？ 谢谢!

Answer 1

在您的浏览器上预览时按 ctrl/command shift strong textM，然后它将显示它在您的手机上的显示方式。 希望我好好回答你。