在我的网站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;}}
答案 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;}}
如您所见,没有“仅”这个词。