Question

我为我的网站创建了一个cookie同意通知，问题是当我在移动设备上查看时，它看起来像这样：

如您所见，它并不是真正的均衡。我只是手动调整它。到目前为止，这是我所做的：

#cookieConsent {
    /*background-color: rgba(20,20,20,0.8);*/
    background-color: #0f1820;
    min-height: 18px;
    font-size: 13px;
    letter-spacing: 0.1em;
    color: #a8a8a8;
    line-height: 26px;
    padding: 18px 0px 18px 10px;
    font-family: Roboto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
    text-align: center;
    vertical-align: baseline;
}

#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}

#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}

#closeCookieConsent:hover {
    color: #FFF;
}

#cookieConsent a.cookieConsentOK {
	border: 1.2px solid white;
    color: #fff;
    display: inline-block;
    padding: 6px 20px 6px; 
    cursor: pointer;
    float:;
    margin: 0 60px 0 10px;
    border-radius: 3px;
}

#cookieConsent a.cookieConsentOK:hover {
    background-color: ;
}

#myVideo {
 min-width: 100%;
 min-height: 100%;
 background-size: contain;
}

<div id="cookieConsent" class="">
    <div id="closeCookieConsent"></div>
    This website uses cookies to improve website performance. For more information, please refer to our <a href=""><font color="white">Privacy Policy</font></a>.</font><a class="cookieConsentOK">ACCEPT</a>
	</div>

如何使该Cookie通知具有响应性？

0 个答案: