Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    Problema di visualizzazione su iphone

    Ciao a tutti sto avendo un problema di visualizzazione sugli iPhone sia con safari che con chrome, mentre su android si vede tutto bene.

    Visualizzazione iphone:


    Visualizzazione android:


    Come vedete su iPhone sia il logo che il pulsante menu vanno sopra e vengono tagliati.
    Non riesco a capire il problema quale sia
    Immagini allegate Immagini allegate
    Ultima modifica di techno; 24-05-2020 a 20:38

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,725
    Ciao, non ho possibilità di testare su iPhone, ho provato giusto col device toolbar di chrome ma il problema non si presenta.

    Comunque il validatore mi segnala una chiusura orfana di un tag </a>, prova a correggere l'errore e vedi se magari il problema dipende da quello.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    19,697
    anche il target="_black" nei link verso i social non è male

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,725
    Quote Originariamente inviata da Vincent.Zeno Visualizza il messaggio
    anche il target="_black" nei link verso i social non è male
    quoffo

    ... quei link puntano al lato più oscuro del web tu sai che dopo il deep web e il dark web c'è il black web, cioè i social


    Scherzi a parte, è chiaro che i vari errori "marginali" segnalati dal validatore sarebbe meglio correggerli tutti a prescindere dal problema in oggetto.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  5. #5
    Ok grazie a tutti proverò a correggere questi errori che per la fretta, ho dovuto fare tutto in 2/3 giorni di fretta, possono capitare.

  6. #6
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    83
    Potrebbe dipendere anche dal foglio di stile, che regole applichi al body ?

  7. #7
    Quote Originariamente inviata da ninja72 Visualizza il messaggio
    Potrebbe dipendere anche dal foglio di stile, che regole applichi al body ?
    Ciao questo e quello impostato per il body:

    codice HTML:
    html,body {
        width: 100%;
        font-size: 16px;
        font-family: 'Abel', sans-serif;
        background-color: #000000;
    
    }
    
    @media screen and (max-width: 991px) {
        html {
            scroll-behavior: smooth;
        }
    }
    
    
    null'altro, ho corretto anche gli errore segnalatomi da voi ma null il problem persiste, questo lo fa solo con safari mentre con chrome, firefox e edge si vede benissimo

  8. #8
    forse ho capito il problema.
    Versioni vecchie di safari non supporta displa: flex ma o -webkit-flex oppure -webkit-box sono sicuro che il problem asia quello faccio le modifiche e provo

  9. #9
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    83
    Putroppo non ho un device apple per fare eventuali test, controlla anche la classe .cnt-radio > flex-direction.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.