Resposive 모바일 및 디스플레이 : 없음 - 자료 Wordpress - Visual Composer

-1

안녕하세요, 모바일 및 태블릿 기기에서 한 행 (정확히 배경)을 숨기는 데 문제가 있습니다. 행에 클래스를 추가하려고합니다. "없음"을 추가하고 CSS를 추가하면됩니다. 모바일Resposive 모바일 및 디스플레이 : 없음 - 자료 Wordpress - Visual Composer

http://scr.hu/0wj8n/x00rp

@media screen and (max-device-width: 900px){ 
    .none { 
    display: none !important; 
    visibility: hidden !important; 
} 
} 

@media screen and (max-device-width: 900px){ 
    .none { 
    background-image: none !important; 
} 
}

출처

2016-11-10 Grzegorz Mądroszyk

JS 제발하시기 바랍니다. 또한 효과가 없다고 말하는 것은 구체적이지 않습니다. 일어날 것으로 예상되는 것을 기록하고 어떤 일이 일어나는지 기록하십시오. –

휴대 기기에서이 div (정확하게 배경을 의미 함)를 "none"으로 설정하고 싶습니다./Wordpress에서 Visual Composer를 사용합니다. –

SO 사용자는 다른 언어에는 유창하지만 사이트는 영어로되어있을 수 있습니다. 가능한 경우 친구에게 질문을 더 명확하게 작성하십시오. 어떤 다른 언어를 알고 있습니까? –

코드는 실제 전화/태블릿에 작동합니다. max-device-width은 장치 너비가이고 iframe 창의 너비가 아니기 때문에이 에뮬레이터에서는 작동하지 않습니다. 에뮬레이터에서이 장치는 컴퓨터로, 실제 화면 크기가 900px보다 큰 경우가 거의 확실합니다. 그래서, 개발, 대신 max-width를 사용 : 생산에

@media screen and (max-width: 900px){ 
    .none { 
    display: none !important; 
    } 
} 

@media screen and (max-width: 900px){ 
    .none { 
    background-image: none !important; 
    } 
}

이 max-device-width을 사용하여 주시기 바랍니다. 이에 대한 자세한 내용은 here입니다.

출처

2016-11-10 23:45:33

Resposive 모바일 및 디스플레이 : 없음 - 자료 Wordpress - Visual Composer

답변

관련 문제