HTML - Etiqueta meta name="viewport"

Buenos días,

En la página tengo esta etiqueta:


Según Google la página esta optimizada para móviles, pero cuando la visualizo en una pantalla pequeña, no refresca el tamaño automáticamente.

¿Falta algo más en el código?

Nota: Si pongo <meta name="viewport" content="width=device-width, initial-scale=1"> Google no la da por optimizada.

Gracias de antemano.

Una pantalla pequeña en un ordenador, no es una pantalla de smarphone...

Si lo quieres probar desde un pc, puedes utilizar el inspector de elementos y indicar que es un smarphone

Perdona que insista, pero es que no entiendo lo que me explicas.

Donde no refresca es en un móvil, en PC lo hace sin problemas.

Hay páginas que en el móvil con esa meta refresca automáticamente por eso supongo que tengo algo mal pero ni idea de por donde mirar.

Gracias por la ayuda.

Un saludo,

disculpa Cris, no se porque al decir "pantalla pequeña" me he pensado en una pantalla de ordenador...

Yo siempre utilizo la linea:
juntamente con las clases responsive de CSS.

Pruebo y comento como va la cosa (He estado modificando las páginas una a una; llevo más de 3 semanas con el tema y ahora me encuentro esto. Uf!)

Muchas gracias.

He subida una de prueba.
No refresca tamaño automáticamente y Google no la da por optimizada.

¿Puede tener algo que ver que utilizo:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

y por eso los códigos responden de distinta manera?

Gracias y un saludo.

Es muy recomendable utilizar HTML5... la versión 4 ya quedo muy atrás....

Puedes indicar la url para revisarla?

Son un montón de páginas y pasarlas a HTML5, va a ser un faenón. No sé si seré capaz, porque no tengo ni idea de HTML.

Me da cosa, pero como es sin ánimo de lucro...
https://www.truskylandia.com/

Gracias por las molestias.

Hola Cris, si indicas que maximum-scale=no, solo te adapta el contenido que esta al 100%, si te fijas tu contenido queda cortado.

Si indicas maximum-scale=1.0, te adapta el contenido para que te quepa todo en la pantalla del smartphone, aunque se vea todo muy pequeño!!!

De las dos maneras, tienes que utilizar CSS para el responsive.

Mira esta simple ejemplo: https://www.lawebdelprogramador.com/codigo/CSS/2694-Ejemplo-de-una-web-responsive.html

Bien, vuelvo a intentarlo y haré un estilo CSS.

He probado a convertir una página a HTML5, y el W3C da muchos errores con el ancho de las tablas. Habla de crear estilos.
A ver que consigo.

Muchísimas gracias por la ayuda.

Un saludo,

Si, es mucho mejor pasarlo a HTML5!!!

Creo que va a ser lo mejor, sí.

Con los estilos me medio defiendo, así que lo voy a intentar y algún día terminaré.

Gracias.
Un saludo