Red de conocimiento informático - Conocimiento informático - ¿Cómo convertir la versión para PC de la página web a la versión móvil?

¿Cómo convertir la versión para PC de la página web a la versión móvil?

Debe configurar etiquetas, fuentes, etc. que se adaptarán al teléfono móvil en consecuencia. Por supuesto, también debe ajustar el estilo.

El código de la etiqueta es el siguiente:

lt;meta?name="apple-mobile-web-app-capable"?content="yes"gt;

lt;meta?name="apple-mobile-web-app-status-bar-style"?content="white"gt;

lt;meta?name="viewport"?content ="ancho =ancho del dispositivo,?initial-scale=1,?minimum-scale=1,?maximum-scale=1,?user-scalable=no"?/gt;

Nota: existente Los sitios web pueden hacerlo directamente. Aunque en teoría es factible cambiar a una versión móvil, si el diseño no está relativamente completo desde el principio, la interfaz de usuario básicamente tendrá que rehacerse y el backend también deberá ajustarse en consecuencia.

Información ampliada:

Atributos comunes

color: #999999; /*color de texto*/

familia de fuentes: Song Dynasty , sans-serif; /*Fuente del texto*/

tamaño de fuente: 9pt; /*Tamaño del texto*/

estilo de fuente: itelic /*Texto en cursiva*/< / p>

variante de fuente: versalitas; /*fuente pequeña*/

espaciado entre letras: 1 punto /*espacio entre palabras*/

alto de línea : 200; /*Establecer altura de línea*/

font-weight: negrita /*Texto negrita*/

vertical-align: sub /*Subscript*/

alineación vertical: super; /*superscript*/

decoración de texto: línea completa; /*tachado*/

decoración de texto: sobrelínea; Agregar línea superior*/

decoración de texto: subrayado /*Agregar subrayado*/

decoración de texto: ninguna /*Sin línea de decoración*/

text-transform: mayúsculas; /*Escribir en mayúsculas la primera palabra*/

text-transform: mayúsculas /*inglés mayúsculas*/

text-transform: minúsculas /*inglés; minúscula*/

text-align: right /*Texto alineado a la derecha*/?

text-align: left /*Texto alineado a la izquierda*/

text-align: center; /*Los elementos internos están centrados*/

text-align: justify /*El texto está disperso y alineado*/

vertical-align: top; /*Alinea verticalmente la parte superior del elemento más grande dentro de la fila de elementos/