Cómo hacer un archivo CSS iPhone

En el desarrollo de un sitio web, debe tener en cuenta lo que los dispositivos de la gente va a utilizar para acceder a su sitio. Si prevé tener muchos visitantes acceden al sitio en sus iPhones, se puede construir un Cascading Style Sheet sólo para aquellos usuarios que es diferente a la CSS se utiliza para los visitantes que utilizan navegadores de escritorio. Para construir una CSS para el iPhone, es necesario agregar código a su sitio que mostrará la CSS iPhone cuando sea apropiado. Los pasos exactos para crear una costumbre iPhone CSS depende de su sitio y cómo quiere que se vea en un iPhone. Sin embargo, los principios generales se aplican a todos los sitios.

Instrucciones

1 Escriba el siguiente código en la cabecera de su sitio:

<? Php
$ Browser = strpos ($ _ SERVER [ 'HTTP_USER_AGENT'], "iPhone");

if ($browser == true){
$browser = 'iphone';

}
?>

Este código indica que cualquier visitante con un agente de usuario que incluye "iPhone" se debe tratar a diferencia de otros visitantes. Mediante el uso de "iPhone" en lugar del nombre de un navegador, se captura todos los usuarios de iPhone.

2 Añadir "if, else" declaraciones en el código de su sitio web. Estas declaraciones van a hacer una cosa si el visitante tiene un iPhone, y algo más si no lo hacen. Por ejemplo, escriba:

<? Php if ($ navegador == 'iphone') {?>
<Title> Título de iphone </ title>
<? Php} else {?>
<Title> título de la página </ title>
<? Php}?>

Esto muestra un título de página diferente para el iPhone y otros dispositivos. También puede utilizar el mismo principio para crear un archivo CSS independiente para los visitantes que usan iPhones.

3 Personalizar el diseño de su sitio para los usuarios de iPhone. Con la función de zoom de Safari, iPhones pueden mostrar en general las mismas direcciones de Internet como navegadores de escritorio. Sin embargo, puede hacer las cosas simples para sus visitantes tomando algunas diferencias en cuenta. Si usted está haciendo un CSS personalizado para el iPhone, condensar la información que aparece en sus páginas a la información más esencial. No poner enlaces en su sitio demasiado juntos o visitantes pueden tendrán dificultades para aprovechar el enlace de la derecha. Proporcionar un enlace en su iPhone CSS para su sitio completo para los usuarios que prefieren el sitio completo.

Consejos y advertencias

• Para los más fáciles de ver en un iPhone, considere el uso de un formato de una sola columna para su iPhone CSS. Sus visitantes podrán apreciar no tener que desplazarse de un lado a otro para leer su sitio.