Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,517

    Centrare in mezzo immagine responsive

    Salve
    ho fatto questo script:
    codice:
    <style type="text/css">
    #divcentrato
    {
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -300px;
    }
    </style>
    <div id="divcentrato"> 
    <img src="img/logo.png" style="max-width:100%;">
    La visualizzazione sul pc desktop è ok, ma sul device mobile non rende responsive l'immagine pertanto la taglia lateralmente, cioè è dovuto a #divcentrato, ma non sono come fare coesistere che l'immmagine deve essere al centro monitor su tutti i device ma anche responsive
    Potete aiutarmi?
    Grazie

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    163
    prova in questo modo:

    codice:
    <style>
            html,
            body {
                margin: 0;
                padding: 0;
            }
    
            #divcentrato {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh;
            }
    
            #divcentrato img {
                width: 200px
            }
        </style>
    codice HTML:
    <div id="divcentrato">
            <img src="./img/logo.png">
        </div>

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,517
    grazie, ho provato ma non va, essndo l'immagine 600px nei device più piccoli dovrebbe rendere l'immagine responsive ma nulla
    Grazie

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