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
Marcadores