Hvordan bygge en iPhone Web Page

Med populariteten til smarttelefoner, nettsteder kan sees omtrent hvor som helst. Dessverre, på grunn av deres redusert skjermstørrelse og mangel på ekte datakraft, smarttelefoner vises ikke nettsteder til sitt fulle potensial. Det finnes løsninger som web-designere bruker for å presentere nettsteder. Men fordi iPhone kan vise websider mye bedre enn andre smarttelefoner, konkrete tiltak må tas når du oppretter nettsteder for denne enheten.

Bruksanvisning

1 Åpne hoved CSS-fil for nettstedet du vil endre i web design software av ditt valg. Du kan også bruke en vanlig tekstredigeringsprogram hvis du ikke har en kommersiell eller gratis webdesign program.

2 Lim inn følgende kode i reglene for CSS-filen:

@media bare skjermen og (max-enhet bredde: 480px) {
.navigation {

display: none;

}
}

Dette vil skjule navigasjonselementene i koden som forårsaker problemer med iPhone mobile Safari nettleser.

Nå, lagre CSS-filen.

3 Åpne HTML-fil på web-siden (e) du kommer til å endre for iPhone. I denne filen, lim inn følgende HTML-kode:

<! - [If IE]> ->
<link media = "bare skjermen og (max-enhet bredde: 480px)"
rel = "stylesheet" type = "text / css" href = "iPhone.css" />
<! - <[Endif] ->

Dette bidrar til å hindre nettleseren Internet Explorer fra ignorerer CSS-regel lagt i forrige trinn. Når dette skjer, vil besøkende bruker Internet Explorer ikke se navigasjons regler satt opp i standard CSS.

4 Opprett iPhone.css filen i web design software eller tekstredigeringsprogram. Denne CSS-filen må inneholde følgende linjer:

.navigation {
display: none;
}

Lagre denne filen.

5 Last opp alle dine nye og endrede filer til webserveren.

6 Test din nettside ved hjelp av Internet Explorer, Mozilla Firefox og på iPhone.