Come faccio a rendere l’immagine html retriggers?

Ho un’immagine html. Il mio logo e poi nell’angolo in alto a destra è un link per i social media. Ho ottenuto l’immagine in atto, ma quando ridimensiono il mio schermo non è reattivo come tutto il resto è.

Questo è quello che ho;

Dove mi sono sbagliato, per favore?

Aggiungi questo nel tuo file css:

 img { width: 100%; height: auto; } 

questo influenzerà tutti gli elementi img. per essere più specifici, puoi utilizzare un ID specifico come:

 #headerhj img { width: 100%; height: auto; } 

vedere: http://www.w3schools.com/css/css_rwd_images.asp

Dovrai usare CSS con un tag

o inline ad esempio

Sembra che tu stia codificando le larghezze e le altezze , quindi non risponderanno, poiché non sono guidate da percentuali del contenuto

Normalmente, per usare le percentuali, il contenitore genitore deve avere un valore hardcoded, anche se è una percentuale di qualcos'altro, non è sicuro di come questo principio si applicherebbe a un tavolo

Dai uno sguardo alla min-width max-width width con percentuali e auto