Hvordan lage en iPhone CSS-fil

Ved utvikling av et nettsted, må du vurdere hva enheter folk vil bruke for å få tilgang til nettstedet. Hvis du forventer å ha mange besøkende tilgang til nettstedet på sin iPhone, kan du bygge en Cascading Style Sheet bare for de brukerne som er annerledes enn CSS du bruker for besøkende som bruker nettlesere. Å bygge en CSS for iPhone, må du legge til koden på nettstedet ditt som vil vise iPhone CSS når det passer. Den nøyaktige fremgangsmåten for å lage en tilpasset iPhone CSS avhenge av nettstedet ditt, og hvordan du vil den skal se på en iPhone. Men generelle prinsipper gjelder for alle områder.

Bruksanvisning

1 Skriv inn følgende kode i nettstedets overskrift:

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

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

}
?>

Denne koden indikerer at alle besøkende med en brukeragent som inkluderer "iPhone" skal behandles i motsetning til andre besøkende. Ved å bruke "iPhone" i stedet for navnet på en nettleser, kan du ta alle iPhone-brukere.

2 Legg "if, else" uttalelser til koden for nettstedet ditt. Disse uttalelsene vil gjøre en ting om den besøkende har en iPhone, og noe annet hvis de ikke gjør det. For eksempel inn:

<? Php if ($ browser == 'iphone') {?>
<Title> iphone tittel </ title>
<? Php} else {?>
<Title> tittelen på siden din </ title>
<? Php}?>

Dette viser en annen side tittel for iPhone og andre enheter. Du kan også bruke det samme prinsippet for å opprette en egen CSS-fil for besøkende som bruker iPhone.

3 Tilpass nettstedets layout for iPhone-brukere. Med Safari zoom-funksjonen, kan iPhones generelt vise de samme nettstedene som nettlesere. Du kan imidlertid gjøre ting enkelt for de besøkende ved å ta noen forskjeller i betraktning. Hvis du lager en egendefinert CSS for iPhone, kondenserer den informasjonen som vises på sidene dine ned til det mest essensielle informasjonen. Ikke legg koblinger på nettstedet ditt for tett sammen eller besøkende kan ha en vanskelig tid å trykke på riktig link. Gi en link på din iPhone CSS til inn hele for brukere som foretrekker full nettstedet.

Hint

  • For den enkleste visning på en iPhone, kan du vurdere å bruke en enkelt kolonne format for din iPhone CSS. De besøkende vil sette pris på å slippe å bla fra side til side for å lese ditt nettsted.