La relación entre el ancho de la ventana gráfica de una página web móvil y la resolución del teléfono móvil

Hola, haz esto:

$(window).bind('resize load', function(){

$("body"). css("zoom", $(ventana).width() / 640);

$("body").css("display" , "block");

});

(Agregue esta oración target-densitydpi=device-dpi para forzar la visualización del tamaño de resolución real)

Todos los tamaños de fuente en la página se basan en un ancho determinado

Por ejemplo, si el ancho de la página de diseño es 640, todos los teléfonos móviles con diferentes resoluciones se escalarán de acuerdo con 640px.

Añade este código desde el segundo piso. Esto resuelve el problema de las fuentes demasiado pequeñas en la alta resolución de los teléfonos móviles de pantalla grande. Y al cortar la imagen, no es necesario considerar diferentes CSS para múltiples resoluciones. Es suficiente usar el que solo admite 640 px.