2015-01-08 8 views
0

Zurb의 잉크 프레임 워크를 사용할 때 블록 격자를 표시하는 데 문제가 있습니다.잉크 메일 - 블록 격자 사용은 메일 클라이언트에 영향을주지 않습니다.

예를 들어 뷰포트 이 작아지면 블록 격자 요소가 다음 행으로 푸시 다운되지 않습니다. GMail 모바일 클라이언트. zurb 자기의

http://zurb.com/ink/docs/examples/basic-block-grid.html

, 그 결과는 동일 :

나는 많은 것들을 시도하고 난 그냥 블록 그리드 예를 인라인 시작합니다. 모바일 이메일 GMail 클라이언트를 사용하여 여전히 전자 메일을 읽을 수는 없지만 gmail이 미디어 쿼리를 지원하지 않기 때문에 Zomb은 블록 격자를 사용하도록 권장합니다.

지금은 혼란 스럽지만, 이것은 zurb 프레임 워크 또는 Gmail 클라이언트의 문제입니까? 안드로이드 (갤럭시 SIII 장치) : Gmail은-응용 프로그램을 사용하여

Picture

답변

0

나는이 문제를 했어 내 DOCTYPE이 내 CSS의 인라인 공정에 의해 제거되는 것을 밝혀졌다. 제대로 Zurb의 보일러

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

이를 떠나거나 부모 테이블의 크기를 조정하는 td.block-grid 요소를 일으킬 수있는 다른 문서 타입을 사용하여 주어진 XHTML에 doctype 사용하고

확인합니다. Doctype을 포함하면 td.block-grid 요소가 가능한 경우 해당 너비를 유지하고 다음 줄로 다시 흐르게됩니다.

불행히도, 조금만 조사했지만 불행히도이 문제를 일으키는 사양의 차이를 확인할 수는 없었습니다. 동작

이메일을 HTML4 또는 HTML5로 작성하고 XHTML Doctype을 추가하는 경우 나머지 마크 업이 XHTML과 호환되는지 확인해야합니다. 특히 자기 닫는 메타 태그를 사용하고 있는지 확인하거나 XHTML Doctype을 추가 할 때 일부 모바일 클라이언트가 메타 뷰포트 태그를 무시할 수 있음