Durante lo sviluppo di un sito web, è necessario considerare quali dispositivi gente userà per accedere al sito. Se si prevede avere molti visitatori accedono al sito sul proprio iPhone, è possibile costruire un foglio di stile CSS solo per quegli utenti che è diverso da quello del CSS si usa per i visitatori che utilizzano browser desktop. Per costruire un CSS per l'iPhone, è necessario aggiungere codice al tuo sito che verrà visualizzato il CSS iPhone al momento opportuno. La procedura esatta per creare un custom iPhone CSS dipende dal vostro sito e come si desidera guardare su un iPhone. Tuttavia, i principi generali si applicano a tutti i siti.

istruzione

1 Inserire il codice seguente nell'intestazione del sito:

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

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

}
?>

Questo codice indica che ogni visitatore con un user-agent che include "iPhone" dovrebbero essere trattati diversamente da altri visitatori. Utilizzando "iPhone" al posto del nome di un browser, si cattura tutti gli utenti iPhone.

2 Aggiungere "if, else" dichiarazioni al codice del tuo sito web. Queste dichiarazioni faranno una cosa se il visitatore ha un iPhone, e qualcos'altro se non lo fanno. Ad esempio, digitare:

<? Php if ($ del browser == 'iphone') {?>
<Title> titolo iphone </ title>
<? Php} else {?>
<Title> titolo della pagina </ title>
<? Php}?>

Viene visualizzata una pagina di titolo diverso per l'iPhone e altri dispositivi. È inoltre possibile utilizzare lo stesso principio per creare un file CSS separato per i visitatori che usano iPhone.

3 Personalizzazione del layout del tuo sito per gli utenti iPhone. Con la funzione di zoom di Safari, iPhone possono generalmente visualizzare gli stessi siti web come browser desktop. Tuttavia, è possibile rendere le cose semplici per i visitatori prendendo alcune differenze in considerazione. Se si sta facendo un CSS personalizzato per iPhone, condensare le informazioni visualizzate sulle tue pagine verso il basso per le informazioni più essenziali. Non mettere link sul vostro sito troppo ravvicinati o visitatori possono avranno un momento difficile toccando il link a destra. Fornire un collegamento sul vostro iPhone CSS per il sito completo per gli utenti che preferiscono il sito completo.

Consigli e avvertenze

• Per il più facile la visualizzazione su un iPhone, è possibile utilizzare un singolo formato per il vostro iPhone CSS. I visitatori potranno apprezzare non dover scorrere da un lato all'altro per leggere il tuo sito.