¿Cómo deberían diseñarse las páginas web móviles?

Pasos:

1. Haga clic en Archivo para crear un nuevo archivo y abra la página HTML normal.

2 Como se muestra en la figura, cree un nuevo espacio en blanco. Página HTML y dividirla Ver

3. Establecer información de estilo del cuerpo de la página

-webkit-touch-callout: none; -webkit-text-size-adjust: none;

Sí Impide que los usuarios copien y guarden imágenes, solo es compatible con iPhone, iPad y Android

4. Establezca el ancho y el alto de la página

.page-content{background. :-webkit-linear-gradient( #2F5A53, #6CA199); arriba: 352px; altura mínima: 550px; _height: 550px; ancho: 640px;?}

5.

Cree una nueva etiqueta div. El estilo utiliza contenido de página

6. Ingrese la información de texto en la marca de párrafo lt; Angel no realizará la composición aquí. método y luego guarda la página web.

7. Cargue la página web en el directorio del servidor.

8. Ingrese el nombre de dominio del sitio web y acceda a él en la computadora para ver el efecto, solo la parte izquierda.

9. Utilice un teléfono móvil para acceder y obtener el efecto como se muestra en la imagen, y el texto no será tan pequeño como escribir código HTML directamente.

A qué cuestiones se debe prestar atención al diseñar páginas web de sitios web móviles:

1. Ancho de la página web No utilice píxeles, utilice porcentajes (por ejemplo: ancho=100);

2. Establezca el espaciado izquierdo y el espaciado superior en 0. ;

3. Protege la visualización de la imagen;

4. Charset utiliza codificación UTF-8 (codificación internacional) y no utiliza codificación gb2312.