CSS кнопка растяжения на iphone iOS 13 в Safari и Chrome - PullRequest
Новая
       63

CSS кнопка растяжения на iphone iOS 13 в Safari и Chrome

0 голосов
/ 30 апреля 2020

Эта кнопка выглядит на моем компьютере Desktop version, но при тестировании на моем iphone в сафари и chrome растягивает ее вот так. Mobile Version

Мой код: 

  <div class="col-lg-12 text-center no-padding">
            <div class="home-intro">
                <h2>
                    <a>Some text</a>
                    <button type="button" class="btn-close-white show-marquee-btn">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </h2>
            </div>
        </div>

CSS: 

.btn-close-white {
    color: #ffffff !important;
    background-color: rgba(255,255,255,0.1);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0;
    opacity: 1.5;
    text-align: center;
    letter-spacing: 0;
    transition: all ease-in-out 0.2s;
    position: absolute;
    top: 10px;
    right: 10px;
}
.show-marquee-btn span{
    transform: rotate(45deg);
    display: block;
    color: #cacaca !important;
    transition: all ease-in-out 0.2s;
}
...