android - Android デバイスでの html css の不具合

Question

私は drupal 8 を使用して Web サイトで作業しています。画像と箇条書きでカルーセル スライダーを作成しました。Google Chrome ブラウザーで Android 5,6 および n を実行しているデバイス Android デバイスで奇妙な不具合が発生しました。画像と、このグリッチを生成した html/css を見てください。このキャラクターの呼び方を教えていただけないでしょうか。インターネットで解決策を見つけることができます。

前もって感謝します。

HTML :

 <div class="views-field-title">
        <div class="views-content-title">
            <div class="bullet">
                <div class="bullet-active">
                </div>
            </div>
        </div>
    </div>

サス：

.views_slideshow_pager_field_item{
  width : 20px;
  height: 20px;
  display : block;
  float: left;
  margin : 10px;

  .views-field-title{
      //slider bullet
      .views-content-title{
        position: absolute;

        .bullet{
          color : blue;
          width : 16px;
          height: 16px;
          display : block;
          float: left;
          background : white;
          border-radius : 8px;
          box-shadow: 0px 0px 25px 0px rgba(black,0.6);
        }
      }
    }
    &.active{
      .views-field-title{
      //slider bullet
      .views-content-title{
        position: absolute;

        .bullet{
          //background : orange;
          .bullet-active{
            margin : 2px;
            width : 12px;
            height: 12px;
            border-radius : 6px;
            background : color(grey,3);
          }
        }
      }
    }
  }
}