div 블록의 콘텐츠가 모바일에서 사라 집니까?

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

당신은 .item div의 내부의 모든 div의에 class="hidden-xs"을 할당했다. 그 클래스는 보이지 않는 컨텐츠를 만들어이 규칙이있다 :이 일반적인 부트 스트랩 규칙 (당신은 아마 변경되지해야하는) 때문에

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

을, 당신은 div의에서 해당 클래스를 삭제해야합니다.

Answer 2

당신이 "만"이라는 단어가없는시피 코드가 this->

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

같은 것, 그래서 때로는, 일부 웹 브라우저에 의해 무시되는 only.