为什么横幅没有显示在手机上?

时间:2018-05-15 15:02:01

标签: html css responsive

我有eshop的测试网站(我没有后端的权限,只需要使用或。

网站在那里 - > Click the link

您可以在产品中间看到蓝色横幅。我也用来在手机上显示横幅(默认情况下它们在767px下是不可见的)。

它有效(如果您在Chrome或Mozilla中使用开发者工具),会显示横幅,但如果我在移动设备上加载网站,则横幅广告不可见,我不知道原因。

有什么想法吗?

默认代码是:

@media (min-width: 767px){.banners-top,.banners-content,.banners-footer{display:block}
{.banners-top,.banners-content,.banners-footer{display: none}

我使用此代码在小屏幕上显示横幅:

@media (min-width: 200px){.banners-top,.banners-content,.banners-footer{display:block}

1 个答案:

答案 0 :(得分:0)

我已经完成了。如果我检查网站,它会显示横幅{display:block}。

在桌面上,如果我设置400px,横幅就会显示,但是如果我转动手机,它就不会出现。

参见 - > Desktop

Mobile