如何解决盒子不会自适应，文字也不会自适应宽度

Question

vue

如何解决盒子不会自适应，文字也不会自适应宽度求解答一下

           <div class="Activityrulecomputermask" v-if="Activityrulecomputerif">
             <div class="Activityrulecomputer" >
               <div>
                 <img src="~/assets/img/blrgb/ygban.png" @click="Closedactivityrule">
               </div>
               <div class="Activityrulecomputerphd">
                 <p>8888888888888888</p>
                 <p>777777777777777。</p>
                 <p>66666666666666666会</p>
                 <p>4.，555555555555555555题修改，<span style="color: #FF0000;font-weight: bold">少啊啊啊啊啊啊。</span></p>
                 <p><span>*特别提示：<br>77777777777777777777哈！</span></p>
                 <p><span>*77777777777777777777777！</span></p>
               </div>
             </div>
           </div>

.Activityrulecomputer{
  background-image: url("~/assets/img/blrgb/hdgz.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  z-index: 8;
  position: absolute;
}
.Activityrulecomputerrrr{
  background-image: url("~/assets/img/blrgb/jdduihuan.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  z-index: 8;
  position: absolute;
}
.Activityrulecomputerrrr img {
  position: absolute;
  left: 83%;
}
.Activityrulecomputer img {
  position: absolute;
  left: 83%;
}
.Activityrulecomputerp {
  position: absolute;
  top: 30%;
  width: 100%;
}
.Activityrulecomputerphd{
  position: absolute;
  top:30%;
  width: 100%;
}
Activityrulecomputerrrr p{
  top: 15%;
  left: 25%;
  position: relative;
  line-height: 50px;
  font-size: 22px;
}
.Activityrulecomputerphd .Activityrulecomputerrrr p{
  left: 25%;
  position: relative;
  line-height: 50px;
  font-size: 22px;
}
.Activityrulecomputerp .Activityrulecomputerrrr h2{
  white-space: nowrap;
  position: relative;
  width: 50%;
  left: 20%;
  color: #4e473d;
}
.Activityrulecomputerrrr p{
  font-weight: 900;
  white-space: nowrap;
  position: relative;
  width: 50%;
  left: 20%;
  font-size: 22px;
  color: #4e473d;
}
.Activityrulecomputer  p {
  font-weight: 900;
  white-space: nowrap;
  position: relative;
  width: 50%;
  left: 20%;
  font-size: 22px;
  color: #4e473d;
}

Answer 1

贴代码出来