HTML按钮适用于Windows浏览器,但不适用于Android

时间:2014-08-19 18:44:57

标签: android html css wordpress google-chrome

https://blendbee.com/shop/black-tea-blends/minty-black/

如果您点击任何"添加到购物车" Sample,1/4 Lb,1/2 Lb的按钮,顶部显示一条消息,表示该产品已成功添加到购物车中。

Android screenshot

但蓝色"查看购物车"消息中的按钮在我的三星Galaxy S5上的Android Chrome中没有任何作用。它在Windows 8 Chrome中运行良好。

我在每个设备上查看了HTML源代码,在Windows中我可以看到:

<div class="woocommerce-message"><a href="https://blendbee.com/cart/" class="button wc-forward">View Cart</a> "Minty Black" was successfully added to your cart.</div>

但是在Android中我无法在源代码中看到HTML,尽管该按钮在浏览器中可见。

这是一个奇怪的......任何想法?

1 个答案:

答案 0 :(得分:1)

这个CSS做了诀窍:

@media screen and (max-width: 767px) {
  #shop-sidebar {clear:both}
}