2011-04-05 6 views
7

나는 웹을보고 있는데 나는 아직도 어떤 작품에 혼란스럽고 그렇지 않습니다. 세미콜론을 사용할 때 크롬에 오류가 표시되지만 iPhone이이를 인식합니다. 쉼표도 오류없이 작동합니다. 나는 그것을 작성하는 올바른 방법으로 어느 것이 자격이 있는지 궁금합니다.뷰포트 태그 구문

세미 콜론 -

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 

쉼표 -

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> 

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

난 그냥, 특히 이유를이 오류를 모두 작동하는지 이유의 정확한 해석을 찾고 있어요 Chrome에 오류가 발생합니다.

편집 : woops, 코드 태그를 잊어 버렸습니다. 업데이트되었습니다.

+0

설정에서 오류 메시지를 켠 상태에서 iOS safari를 실행하면 세미콜론이 잘못된 속성 값임을 알리는 메시지가 나타납니다. – tim

답변

17

쉼표는 뷰포트 속성의 올바른 구분 기호입니다. iPhone Safari (및 다른 브라우저)는 더 용서할 수 있으며 세미콜론을 구분 기호로 해석하지만 브라우저의 오류 처리에 의존합니다.

+0

감사합니다! 나는이 대답을 보지 못했다. 나는이 질문을 한 후 곧 웹 사이트에서 그것을 보았다. 알림을 추가하는 걸 잊었습니다. : – xivo

+0

또한 사용자 확장 가능 키의 올바른 값은 1 또는 0이 아니라 예 또는 아니요입니다. (참조 : [Safari Supported Meta Tags] (https://developer.apple.com/library/) Safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html), [Chrome Revision 154568] (http://src.chromium.org/viewvc/chrome?revision=154568&view=revision) – Luke

+0

정말요? https ://www.w3.org/TR/css-device-adapt-1/#user-scalable은 그렇지 않다는 것을 의미합니다. – Jimadine