【问题标题】:Shopping cart icon at the top header顶部标题处的购物车图标
【发布时间】:2018-04-17 08:51:36
【问题描述】:

我最近遇到了购物车图标的问题。它在任何地方都可以正常工作,并且可以在任何设备的顶部看到,但是在 android 设备上,购物车图标就会消失(在横向版本上它可以工作)。有谁知道我应该从哪里开始?我通过CSS尝试了某种方式。有趣的是它甚至适用于 iOS 设备..

http://nordickliima.ee/

Shopping cart is missing on android device

Landscape version (Android)

【问题讨论】:

    标签: shopping-cart


    【解决方案1】:

    您的 css 将 display: none 添加到宽度低于 360 像素的设备的“wrap-cart-count”类中

    @media (max-width: 360px)
    #header .wrap-cart-count {
        display: none;
    }
    

    【讨论】:

    • 它要我在第二行添加 Lbrace。 #header id 的标题。
    • 我意识到它适用于 661x776px,在它消失了。
    • 您应该尝试删除 CSS 上的 display:none 行。此行也存在于您的“responsive.css”库中,因此最好的办法是覆盖它。例如,尝试在我的回答中提到的代码中将display:none 替换为display: inline
    • 仍在为这个问题苦苦挣扎。将显示从 responsive.css 更改为内联。在某些 Android 设备上它可以工作,但仍然有一台设备不显示该图标。尝试使徽标更小,但仍然相同。在 660x776 像素时,它会消失。
    猜你喜欢
    • 1970-01-01
    • 2020-01-21
    • 1970-01-01
    • 1970-01-01
    • 2015-08-29
    • 1970-01-01
    • 2019-01-31
    • 1970-01-01
    • 2022-06-10
    相关资源
    最近更新 更多