css - div block 中的内容在移动设备中消失了吗？

Question

在我的网站 http://www.xn--ntcasinon-v2a.eu/我使用下面的 @media 代码删除了移动设备中的一些内容，它工作正常，但我试图用 http://www.nya-casino.com/ 中的相同代码做完全相同的事情。并且内容在移动设备中消失。任何人都知道主题中的什么代码导致了这个？

@media only screen and (min-width: 100px) and (max-width: 780px)  {.info{display:none;}}
@media only screen and (min-width: 100px) and (max-width: 780px)  {.benefits{display:none;}}
@media only screen and (min-width: 100px) and (max-width: 780px)  {.site-title{width:70%;}}
@media only screen and (min-width: 100px) and (max-width: 780px)  {.logo img{max-height:65px;}}

Answer 1

您已将 class="hidden-xs" 分配给 .item div 中的所有 div。该类具有使内容不可见的规则:

.hidden-xs {
    display: none !important;
}

因为这是一般的 Bootstrap 规则(您可能不应该更改)，您应该从 div 中删除该类。