时间戳

首页 > 解决方案 > 如何解决 Opera 浏览器的 col 问题？

css - 如何解决 Opera 浏览器的 col 问题？

问题描述

我正在使用 Bootstrap 并注意到该网站在 Opera 浏览器上无法正常运行。它在页面左侧显示我的列的一半大小。

.services-info {
  width: 100%;
  height: 250px;
  background-color: orangered;
  text-align: center;
  color: rgba(185, 185, 185, 0.623);
  box-shadow:25 25 25 25px rgba(0, 0, 0, 25);
}
.services-info-span {
  width: 100%;
  height: 250px;
  background-color: rgba(185, 185, 185, 0.623);
  text-align: center;
  color: orange;
  box-shadow:0 0 25px rgba(0, 0, 0, 25)
}
<section id="services">
  <div class="container-fluid services">
    <div class="row">
      <div class="col-md-3 col-3 services-info"></div>
      <div class="col-md-3 col-3 services-info-span"></div>
      <div class="col-md-3 col-3 services-info"></div>
      <div class="col-md-3 col-3 services-info-span"></div>
    </div>
  </div>
</section>

我希望在 Opera 上有合适大小的专栏。

标签： cssbootstrap-4opera

解决方案

推荐阅读