Visualizzazione risultati 1 fino 5 di 5

Discussione: Template sito mobile - dimensioni

  1. #1
    araim non è connesso Utente attivo
    Data registrazione
    26-06-2004
    Messaggi
    275

    Predefinito Template sito mobile - dimensioni

    Ciao a tutti, oggi stavo provando a creare una versione mobile del mio sito,
    però su dispositivi come iPod touch/iPhone il sito viene "ridimensionato".

    Aprendo google si trasforma in un sito che non ha bisogno di zoom per essere visto,
    come si fa a fare lo stesso per i nostri siti web??

    ho provato ad usare le stesse dimensioni del dispositivo, ma niente è sempre in
    visione ridotta e con lo zoom attivo...

  2. #2
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    sul sito di apple trovi molti suggerimenti e esempi
    basta cercare

  3. #3
    Guest

  4. #4
    araim non è connesso Utente attivo
    Data registrazione
    26-06-2004
    Messaggi
    275

    Predefinito

    Grazie per il link, e' stato utilissimo!

    Allora, ho editato il template con le specifiche datemi dal sito da te consigliato,
    e fin qui tutto bene, ma ora il mio foglio di stile fa strani scherzi, fino a ieri sera
    non scorreva a destra, oggi scorre...

    puoi aiutarmi a capire in qualche modo?? ti posso copiare il foglio di stile ...

    Codice HTML:
    body { background-color: #CCC; color: #FFF; font-family: Verdana; font: bolder; font-size: 12px; margin: 0px; padding: 0px; overflow: hidden; }
    a { text-decoration: none; border: 0px; color: #FFF; cursor: pointer; font-size: 10px; }
    img { border: 0px; }
    p { padding: 2px; margin: 2px; width: 260px; font-size: 10px; }
    
    div#bordo { width: 320px; height: 416px; background-image: url(bg_body.png); background-position: left top; background-repeat: no-repeat;
    	position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
    div#pagina { width: 300px; height: 370px; padding: 10px; color: #FFF; text-align: justify; }
    div#page { width: 270px; height: 315px; margin-left: 30px; padding: 1px; color: #FFF; text-align: justify; font-size: 10px; }
    
    div#iphone { width: 200px; height: 50px; padding: 5px; margin: 0 auto; margin-top: 30px; background-color: #FFF; border: 1px solid #000; color: #666; font-size: 10px; font-family: Verdana; text-align: left; }
    p#margine { padding: 1.5px; margin: 1.5px; }
    trovato ... è l'ultimo p#margine ... non ha il width e dava fastidio.
    Ultima modifica di araim : 28-12-2009 alle ore 19.04.34

  5. #5
    Guest

    Predefinito

    Ciao, anche io vorrei cimentarmi col mobile. Mi dai qualche consiglio? Se seguo quanto riportato nel link funziona tutto oppure hai apportato modifiche?

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •