Con la popolarità di telefoni intelligenti, i siti web possono essere visualizzate un po 'ovunque. Purtroppo, a causa della loro dimensione dello schermo ridotto e mancanza di vera potenza di calcolo, telefoni intelligenti non vengono visualizzati i siti web al loro massimo potenziale. Ci sono soluzioni alternative che i web designer utilizzano per mostrare i siti. Tuttavia, perché l'iPhone in grado di visualizzare le pagine web molto meglio di altri telefoni intelligenti, misure specifiche devono essere prese durante la creazione di siti per questo dispositivo.

istruzione

1 Aprire il file CSS principale per il sito web che vi sarà modificando nel software di web design della vostra scelta. È inoltre possibile utilizzare un editor di testo standard se non si dispone di una applicazione commerciale o libero web design.

2 Incollare il codice seguente nelle regole del file CSS:

@media solo schermo e (max-device-width: 480px) {
.Navigazione {

display: none;

}
}

In questo modo nascondere gli elementi di navigazione del codice che causano problemi con browser mobile Safari di iPhone.

Ora, salvare il file CSS.

3 Aprire il file HTML della pagina web (s) che si sta per modificare per l'iPhone. In questo file, incollare il seguente codice HTML:

<! - [If IE!]> ->
<Media link = "solo schermo e (max-device-width: 480px)"
rel = "stylesheet" type = "text / css" href = "iPhone.css" />
<! - <[Endif] ->

Questo aiuta a prevenire il browser Internet Explorer dalla ignorando la regola CSS aggiunto nel passaggio precedente. Quando questo accade, i visitatori che utilizzano Internet Explorer non vedranno le regole di navigazione istituite nello standard CSS.

4 Creare il file iPhone.css nel software di progettazione Web o editor di testo. Questo file CSS deve contenere le seguenti righe:

.Navigazione {
display: none;
}

Salvare il file.

5 Carica tutti i file nuovi e modificati al vostro web server.

6 Prova il tuo sito web utilizzando Internet Explorer, Mozilla Firefox e su iPhone.