div中的内容在移动设备中消失了吗?

时间:2016-10-06 16:04:32

标签: css wordpress twitter-bootstrap

在我的网站http://www.xn--ntcasinon-v2a.eu/中,我使用下面的@media代码移除了移动设备中的部分内容,但它运行正常,但我尝试使用{{3中的相同代码执行完全相同的操作并且内容在移动设备中消失了。有人知道主题中的代码会导致这个吗?

@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;}}

2 个答案:

答案 0 :(得分:0)

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

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

由于这是一般引导规则(你可能不应该改变),你应该从div中删除该类。

答案 1 :(得分:0)

某些网络浏览器有时会忽略only,因此代码就像这样 - >

@media screen and (min-width: 100px) and (max-width: 780px) {.info{display:none;}}

如您所见,没有“仅”这个词。