Problema con Zoom de smartphones en página hecha con responsive design

[gussiglo21]

Estimados colegas:

Estoy diseñando mi primera página web con responsive design utilizando CSS. Hasta ahora las cosas van lentas, pero bien.

Mi página primera de prueba está respondiendo correctamente en todos los anchos de los navegadores de escritorio, incluyendo al reducirlos hasta que su anchura más pequeña.
Después de esas pruebas cargué la página en mi Smartphone NOKIA 5800 que utiliza Symbian.

Mi principal problema es el siguiente:

La página de prueba se ha cargado correctamente y cuando giro el teléfono, la página adapta elementos internos a la nueva anchura.
Eso está bien, pero ......... cuando hago zoom en la página (con doble clic en la pantalla), la página se amplía y el navegador vuelve a estrechar los elementos internos a la nueva anchura más estrecha y no quiero eso. No quiero que la página responda en el zoom.
Quiero que los elementos sólo se amplíen cuando puedo hago zoom en la página. Estoy explicándolo correctamente? Mi página parece ser demasiado sensible "responsiva"!!! :)

En otras palabras .... aunque la página adapta los DIVs (etc) a la anchura más estrecha en los navegadores de escritorio, el problema es cuando hago zoom en las pantallas más pequeñas (teléfonos inteligentes), debido a que algunos elementos se estrechan demasiado en el navegador del celular con zoom y hay elementos que no quedan bien porque se hace todo demasiado estrecho.

¿Hay alguna forma en CSS para evitar el efecto de respuesta cuando se hace zoom???
O quiza alguna instrucción HTML que evite la adaptabilidad de los elementos cuando se hace zoom.
¿¿¿¿¿ Quizá en la instrucción <meta name="viewport" content="width=device-width, initial-scale=1"> ?????????

Espero haber explicado esta cuestión con claridad para que alguien me pueda ayudar.
Gracias de antemano!!!!!!!!!
GusSiglo21

[Doodleo]

Pues la verdad no te puedo ayudar pero encontré un artículo muy interesante sobre el responsive design... http://blog.ikhuerta.com/transforma-...ponsive-design
Prueba este código (es como el que tu pusiste en verdad) en el head de la página:

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

[gussiglo21]

Hola Doodleo!

Estoy leyendo tranquilamente el extenso artículo que me enviaste.
Está muy interesante!!!!!
Lamentablemente y al parecer, esa etiqueta <meta name="viewport" content="width=device-width, initial-scale=1.0" /> no sería la que detecta el zoom para que al aumentar la pantalla no siga adaptándose, pero bueno, tendré que seguir investigando!

Igualmente muchas gracias por el dato y tu tiempo!
Un abrazo desde Argentina!!!!!
GusSiglo21

[angel00]

Yo estoy tratando de arreglar una plantilla Wordpress Responsive. El problema que tengo es que el responsive tiene las medidas del iPhone aparentemente y cuando entras por cualquier otro dispositivo con pantalla más grande, no hace el cambio, se sigue viendo igual. Esta es la pagina web de Turismo en la que tengo el problema a ver si le pueden echar un ojo.

Saludos!

[Melina]

Lo que necesitas para solucionar eso es poner un min-width, min-height en los DIV pertinentes, de esa manera ante un zoom mayor o menor no se irá del límite que tu le indiques en los estilos CSS.

[CircuitoX]

Prueba poniendo esto dentro de la etiqueda head

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