Cómo adaptar un sitio web estructurado SSH al terminal móvil (teléfono móvil, pad) usando HTML5

El sitio web móvil no tiene nada que ver con su SSH. Solo recuerde los siguientes puntos y estará bien

marco frontal js: zepto, jqMobi, jquerymobile. uno de los tres y recomiendo jqMobi. ¿Es DOM la lectura más rápida?

Para la parte CSS, solo necesita ser compatible con el kernel webkit, es decir, usar Google Chrome para realizar pruebas. Si desea considerar Windows Phone, simplemente agregue un método de escritura compatible.

Esta parte de la etiqueta html en realidad se puede escribir de acuerdo con las etiquetas normales en el lado de la PC.

Las imágenes y la interfaz de usuario son muy importantes, porque la resolución de los teléfonos móviles actuales es alta. y iPhones con pantallas retina. En otras palabras, las imágenes que ves en realidad se duplican. Entonces, si quieres que las imágenes que ves en tu teléfono móvil o pad sean claras, debes hacerlas el doble del tamaño normal en tu PC.

En cuanto al ancho y alto, se recomienda que el CSS definirse en forma de proporción 100. La altura del pie de página del encabezado puede hacer referencia a algunos sitios web conocidos. De hecho, básicamente no es un problema mirar sitios web similares bien hechos.

Preste atención a lo que no es compatible o no es compatible en el teléfono móvil. Por ejemplo, el sistema iOS 4.3 no admite CSS fijo. posicionamiento, etc

También depende de si quieres que se actualice todo el sitio o hacer clic para saltar como la página web de Taobao. Opinión personal: Saltar es bueno para el SEO. Para tener una buena experiencia, no es necesario actualizar. Sin embargo, generalmente no se utiliza ninguna actualización en las aplicaciones html5