Hvordan Juster Drop Down Høyde og bredde for en iPhone?

IPhone rulleelementer du bruker på din mobiltelefon websider må ha spesifikke bredde- og høydeinnstillinger for å unngå problemer med mindre skjermer. Du kan lage en drop-down som fungerer godt med iPhone-grensesnittet ved hjelp av en iframe med div container. Dette gjør at du kan kontrollere størrelsen på rullegardin stedet for å ha den vanlige HTML-elementet automatisk utvide med lengre tekstverdier.

Bruksanvisning

1 Høyreklikk på filen du vil redigere for mobiltelefonen seere og velg "Åpne med." Klikk din foretrukne editor.

2 Opprett div container for å holde rullegardinlisten. Følgende kode viser deg hvordan du oppretter en div container:

<Div id = "iphone"> </ div>

3 Lag rullegardin hjelp av iframe HTML-koden. Du kobler iframe i listen over verdiene du ønsker å vise til brukerne. Følgende kode linker til en liste over farger:

<Iframe src = "colors.html"> </ iframe>

4 Sett bredden og høyden på rullegardinmenyen. Følgende kode viser deg hvordan du setter opp iframe med en bestemt bredde og høyde:

<Iframe src = "colors.html" width = "50" height = "50"> </ iframe>

5 Lagre filen og åpne filen i din iPhone eller iPhone emulator.