Immagine di banner layout fisso

Question

Voglio inserire un'immagine banner in un editor di contenuti, è possibile che questa immagine ridimensiona in base alle dimensioni del rispettivo schermo dell'utente?Qualsiasi aiuto è apprezzato

Answer 1

Di solito è possibile avere l'immagine relativa alla pagina dello schermo.Basta utilizzare l'editor di contenuti per inserire anche un tag per consentire a quell'immagine di essere larghezza al 100%, blocco di visualizzazione e impostare un'altezza massima, quindi dovrebbe ridursi in base alle dimensioni o alla risoluzione del browser.

<style>
  .imgbanner {
      display: block;
      max-height:95px;
      width: 100%;
      height: auto;
  }
</style>
      <img class="imgbanner" src="http://www.w3schools.com/tags/smiley.gif" />

.

Answer 2

Se si utilizza il contenuto editor è possibile provare JavaScript per ridimensionare l'immagine con la risoluzione.Consiglio di aggiungere JS in un file HTML e chiamando quel file nell'editor di contenuti.

per l'immagine ridimensiona usando JS Controlla questo link https://stackoverflow.com/questions/4572621/auto-image-Ridimensiona-Based-on-browser-window-window-windows