Cómo construir una página web para el iPhone

Con la popularidad de los teléfonos inteligentes, los sitios web pueden ser vistos en cualquier lugar. Desafortunadamente, debido a su tamaño de pantalla reducida y la falta de verdadera potencia de cálculo, los teléfonos inteligentes no se muestran los sitios web a su máximo potencial. Existen algunas técnicas para que los diseñadores web utilizan para mostrar los sitios. Sin embargo, debido a que el iPhone puede mostrar páginas web mucho mejor que otros teléfonos inteligentes, los pasos específicos se deben tomar cuando se crean sitios para este dispositivo.

Instrucciones

1 Abra el archivo principal de CSS para el sitio web que se le modificando en el software de diseño web de su elección. También puede utilizar un editor de texto estándar si usted no tiene una aplicación comercial o libre de diseño web.

2 Pegar el código siguiente en las reglas del archivo CSS:

@media única pantalla y (max-device-width: 480px) {
.navigation {

display: none;

}
}

Esto ocultará los elementos de navegación del código que causan problemas con el navegador Safari móvil del iPhone.

Ahora, guarde el archivo CSS.

3 Abra el archivo HTML de la página web (s) que se va a modificar para el iPhone. En este archivo, pegar en el código HTML siguiente:

<! - [If IE!]> ->
<= Media Link "única pantalla y (max-device-width: 480px)"
rel = "stylesheet" type = "text / css" href = "iPhone.css" />
<! - <[Endif] ->

Esto ayuda a evitar que el navegador Internet Explorer de ignorar la regla CSS añadido en el paso anterior. Cuando esto sucede, los visitantes usando Internet Explorer no verán las reglas de navegación establecidos en el estándar CSS.

4 Crear el archivo iPhone.css en el software de diseño web o editor de texto. Este archivo CSS debe contener las siguientes líneas:

.navigation {
display: none;
}

Guarde este archivo.

5 Cargar todos tus archivos nuevos y modificados a su servidor web.

6 Pruebe su sitio web utilizando Internet Explorer, Mozilla Firefox y en el iPhone.