Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Immagini responsive

  1. #1

    Immagini responsive

    Ciao,

    ho realizzato un sito, con effetto parallax, e nei computer desktop la visualizzazione è perfetta. Il problema è nei dispositivi mobili, dove le immagini non vengono ridimensionate (dimensione originale dell'immagine 2000x700px). Riporto di seguito il codice CSS che utilizzo per una immagine presente nel sito la cui visualizzazione risulta non corretta nei dispositivi mobili.
    Cosa posso fare per risolvere il problema?

    grazie
    @lessia


    codice:
    .section-custom-bg {
      background: url(http://www.prova.com/image/background8.jpg) !important;
      background-attachment: fixed !important;
      background-size: cover !important;
      min-height: 500px;
    }

  2. #2
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    Ciao,

    io aggiungerei il posizionamento:

    codice:
    .section-custom-bg {
      background: url(http://www.prova.com/image/background8.jpg) no-repeat center center !important;
      background-attachment: fixed !important;
      background-size: cover !important;
      min-height: 500px;
    }
    Nel caso hai un link al sito? su che dispositivi mobili hai riscontrato il problema?
    Così non è molto chiaro ed è difficile darti una risposta vedendo solo questo codice senza il quadro generale


  3. #3
    Come ha già detto Experiment8 non è facile rispondere solo con queste informazioni. Ad ogni modo, ti incollo un codice generico che molto spesso mi è tornato utile per ridimensionare in automatico le immagini:

    codice:
    img{
    max-width: 100%;
    height: auto;
    }

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 © 2025 vBulletin Solutions, Inc. All rights reserved.