更改屏幕大小时，将文本放在属性附近

Question

我有一个包含文字和<div>的网页，目前文字应该在<div>之下，我设置了 margin-top:300px，看起来不错。

我需要当用户最小化屏幕时，文字会在<div> 下没有任何空格，我该怎么做？

这是文本的代码

<div class="row" style="margin-top: 300px">
    <div class="col-md-3 ">
    </div>
    <div class="col-md-8">
        <p class="rightText">My text</p>
    </div>
</div>

Answer 1

使用类似的东西

<div class="row" style="margin-top: 10%">

Answer 2

尝试媒体查询实例

@media screen and (max-width: 300px){
    .class{
       margin-top:0px;
    }
}