CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

hoejgaard Juniormester

05. september 2012 - 00:06 Der er 22 kommentarer og
1 løsning

Mobilsite

Hej,
Jeg skal igang med at lave et mobil site.
Funderer over hvor og hvordan man bestemmer formatet på siden ??
Den skal jo passe til en smartphone og ikke en pc skærm

Har kigget på mobilsider på pcen, men kan ikk lige se i koden hvor koden som tilpasser størrelsen til mediet er henne..

Synes godt om

hoejgaard Juniormester

05. september 2012 - 00:07 #1

feks denne her:
http://www.taxinord.dk/m/

hvor er det henne i koden (source) at størrelsen på siden (bredde osv.) bliver sat ?

Synes godt om

arne_v Ekspert

05. september 2012 - 00:16 #2

Den moderne loesning er CSS3 media queries.

Synes godt om

wickedd Juniormester

05. september 2012 - 09:27 #3

Kan klart anbefale at gøre brug af en simpel meta;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />

Så skalere din side selv til skærm-størrelsen ligemeget hvordan man vender og drejer den.

Hvis du smider billeder ind kan du gøre brug af css, eller simpel % (img src="bla.gif" width="75%") etc.

Synes godt om

hoejgaard Juniormester

07. september 2012 - 22:39 #4

Wickedd
Ok jeg skriver bare den kodelinie du har angivet ?

Da simpelt må man sige :-)

Synes godt om

wickedd Juniormester

08. september 2012 - 00:08 #5

Ja imellem <head> </head>

Synes godt om

hoejgaard Juniormester

08. september 2012 - 00:33 #6

Super !
smid et svar wickedd

Synes godt om

wickedd Juniormester

08. september 2012 - 00:36 #7

Den var dér ;)

Synes godt om

wickedd Juniormester

08. september 2012 - 00:38 #8

Og et script til at smide smartphone/iphone/tabs til den mobile website.

<?php
$override = $_GET['override']; // normal website
if (!$override){
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");

if ($iphone || $android || $palmpre || $ipod || $berry == true)
{
header('Location: http://m.website.dk');
}
}
?>

Synes godt om

hoejgaard Juniormester

08. september 2012 - 00:44 #9

ok super :-)

men hvordan skal filerne placeres på serveren i forhold til dem der hører til det normale website ??

Synes godt om

wickedd Juniormester

08. september 2012 - 00:49 #10

Du kan jo evt. lave en mappe der hedder 'm' således mobil brugere automatisk bliver smidt ind i den mappe (med brug af ovenstående script på din rigtige hjemmesides index fil).

Ellers ved jeg ikke lige hvad du mener :)

Synes godt om

hoejgaard Juniormester

08. september 2012 - 00:58 #11

Jo det var det jeg tænkte på.
Var ikke lige klar over at det der "m" repræsenterede en mappe i roden :-)
Går udfra mappen "m" skal ligge under domænenavnet "website" ?

Synes godt om

wickedd Juniormester

08. september 2012 - 01:03 #12

Nemlig. Det ser således ud med www: www.website.dk/m , jeg kan dog bedre li' den anden metode at skrive den på, men det er jo op til en selv hvordan og hvorledes :)

Med det lille 'm' så slipper mobile brugere også for at skrive en lang adresse ind, for det er ikke altid let på en mobilos.

Synes godt om

hoejgaard Juniormester

08. september 2012 - 01:07 #13

okay, svarer disse til hinanden ??

http://m.website.dk = www.website.dk/m

Synes godt om

wickedd Juniormester

08. september 2012 - 01:09 #14

Ja

http://m.website.dk og http://www.website.dk/m
er det samme. Den første er bare lettere at skrive og er også mest brugt.

Synes godt om

wickedd Juniormester

08. september 2012 - 01:10 #15

Hmm hvad skete der lige der o.o

http://m.website.dk og http://www.website.dk/m/

er det samme. Den første er bare lettere at skrive og er også mest brugt.

Synes godt om

wickedd Juniormester

08. september 2012 - 01:11 #16

Nå men du ved hvad jeg mener, eksperten gør bare ikke :p

Synes godt om

wickedd Juniormester

08. september 2012 - 01:12 #17

m.website.dk
website.dk/m

Er det samme, dog uden de 3 w'er ;)

Synes godt om

hoejgaard Juniormester

08. september 2012 - 01:15 #18

ok, jeg laver bare en mappe "m" som alle filer til mobilsitet ryger ind i :-)
Takker mange gange for din fine hjælp ;-)

Synes godt om

wickedd Juniormester

08. september 2012 - 01:16 #19

Ingen problemer. Held og lykke med det ;)

Synes godt om

keysersoze Guru

08. september 2012 - 09:41 #20

Vær opmærksom på risiko for dublicate content med den løsning - det er derfor de fleste, som arne_v også skriver, benytter responsive webdesign.

Synes godt om

hoejgaard Juniormester

09. september 2012 - 16:37 #21

hvor kommer der duplicate content ?

Synes godt om

keysersoze Guru

09. september 2012 - 16:59 #22

samme indhold på det normale site som på mobil site.

Synes godt om

hoejgaard Juniormester

07. oktober 2012 - 22:30 #23

ok tak :-)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Kodning af element i custom css Af Jacob Hedelund i Andet programmering	3	14/10/202410:35	14/10/202419:46
Delphi 11 - converter webp til jpg fil Af juzas i Andet programmering	5	12/10/202413:28	14/10/202403:54
Trim tekst i batch script Af Dan Elgaard i Andet programmering	5	05/09/202411:08	10/09/202415:29
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS