2011-04-05 18 views
7

He estado buscando en la web y todavía estoy confundido sobre qué funciona y qué no. Veo errores en Chrome cuando uso el punto y coma, pero el iPhone lo reconoce. La coma funciona también sin errores. Me pregunto cuál está calificado como la forma correcta de escribirlo.Viewport Tag Sintaxis

punto y coma -

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

comas -

<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

Estoy en busca de una correcta interpretación de por qué tengo este error si ambos trabajan, sobre todo por qué arroja un error en Chrome.

EDITAR: woops, se olvidó de las etiquetas de código. actualizado.

+0

Si ejecuta iOS safari con mensajes de error activados en la configuración, recibirá un aviso indicándole que los puntos y comas son un valor de atributo no válido – tim

Respuesta

17

Las comas son los delimitadores correctos para las propiedades de la ventana gráfica. iPhone Safari (y otros navegadores) pueden ser más indulgentes e interpretar los puntos y comas como delimitadores, pero luego se basa en el manejo de errores del navegador.

+0

¡Gracias! No vi esta respuesta. Lo vi en un sitio web poco después de hacer esta pregunta. Olvidé agregar Notificaciones :( – xivo

+0

También se debe tener en cuenta que el valor correcto para la clave escalable por el usuario es sí o no, no 1 o 0. (Referencias: [Metaetiquetas compatibles con Safari] (https://developer.apple.com/library/ safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html), [Revisión de Chrome 154568] (http://src.chromium.org/viewvc/chrome?revision=154568&view=revision)) – Luke

+0

¿Realmente? https://www.w3.org/TR/css-device-adapt-1/#user-scalable implicaría lo contrario. – Jimadine