BlackBerry 전자 메일 응답 쿼리

Question

MailChimp에서 전자 메일 서식 파일을 만들고 해당 전자 메일을 지원하는 장치 (주로 iOS Mail 및 BlackBerry Mail apps)에 대해 응답 할 수있는 코드가 있습니다.

템플릿은 iOS Mail 응용 프로그램에서 반응 형 미디어 쿼리를 올바르게로드하지만 BlackBerry Mail 응용 프로그램 내에서 트리거되는 것으로 보이지 않습니다. 동일한 최신 OS로 BlackBerry Z10 및 Q10에서 테스트하고 있습니다.

내 미디어 쿼리는 다음과 같습니다

<meta name="viewport" content="width=device-width; initial-scale=1, maximum-scale=1"> 

내가 최대 대신에 최대 폭으로 실험했습니다

@media only screen and (max-device-width: 600px) { 
     #templateContainer { 
      width: 100% !important; 
     }  
     .globalLogo { 
      width: 90% !important; 
     } 
     .logoBox { 
      display: block !important; 
      width: 100% !important; 
     } 
     .imageBox { 
      width: 100% !important; 
      display: block !important; 
      height: 40px !important; 
      border-left: none !important; 
     } 
     .emailTitle { 
      text-align: center !important; 
     } 
     #title { 
      border-top: 3px solid #FFF !important; 
      width: 100% !important; 
      display: table !important; 
     } 
     .topImageRow { 
      display: none !important; 
     } 
     .tableofcontents { 
      margin:0 0 30px 0 !important; 
      list-style: outside !important; 
      width: 90% !important; 
     } 
    } 

가 나는 또한 헤더에 다음 뷰포트 메타 태그를 추가했습니다 -device-width하지만 차이를 만드는 것 같지 않습니다. 또한 600px 대신 800px를 시도하고 미디어 쿼리에서 "유일한 화면 및"을 제거했습니다.

도움을 주시면 감사하겠습니다.

Answer 1

최종 답변 :

다른 이메일 계정 도메인으로 보냅니다. 그것은 때로는 직장에서 보안 필터 일 수 있으므로 you@yourwork.com으로 보내려면 you@yourotheremail.com을 블랙 베리에 연결하여 확인하십시오.

---

원본 :

가 (최대 폭과 같은 트리거 정말 쉬운 미디어 쿼리 만들기 ...

하지 정말 확실한 대답, 그러나 희망이 가까이를 얻을 것이다 : 99999px을;) 그리고 색이나 뭔가를 눈에 띄게 바꿔라. 그것은 전혀 작동합니까?

트리거하는 경우 멈출 때까지 아래로 내리십시오. 99999px에서 트리거 할 수없는 경우 the support charts이 제안하더라도 미디어 쿼리를 지원하지 않습니다.

때때로 서버가 미디어 쿼리를 제거 할 수 있으므로 다른 도메인에서 테스트 해보십시오. 특히 회사 서버 또는 소프트웨어 종류가있는 경우 특히 그렇습니다.

당신이 할 수있는 또 다른 일은 출력 코드를보고 CSS가 손상되지 않았는지 확인하는 것입니다. Blackberry에서 이것을 보는 방법을 모르겠다.