Possibile funzione divs assoluta nel design reattivo

Question

Ho iniziato a progettare un sito web di fotografia e ho inserito un logo posizionato in modo assoluto nell'angolo in alto a sinistra. L'area è composta da un div posizionato in modo assoluto e un'immagine all'interno del div.

Mi chiedevo se avrei potuto creare il div e il logo posizionati in modo assoluto, ridimensionarli in base alle dimensioni dello schermo.

C'è qualcuno che può aiutare? Ecco il link per poter vedere quello che sto trattando con:

http://www.photographybytaraandclaire.com/newsite/index.html

Answer 1

si può provare a dare la larghezza dell'immagine in percentuale e non in altezza per mantenere aspetto rapporto segnale/rumore.

<img src="..." style="width:15%" /> 

Answer 2

Quando si tratta di design reattivo si dovrebbe lavorare con percentuali.

Se si desidera calcolare la larghezza percentuale che il logo dovrebbe avere, è possibile utilizzare.

Logo width/Wrapper width * 100 

La larghezza del wrapper è la larghezza del tuo involucro nel tuo disegno e non la pagina intera.