foto's schalen niet mee op mobiele telefoon

Status
Niet open voor verdere reacties.

rob1970

Gebruiker
Lid geworden
14 jan 2012
Berichten
296
Op www.met-rob.com/beypilic staat een website waar ik aan bezig ben.

Dit is een kant en klare template die ik aan het bewerken ben.

Op deze pagina http://met-rob.com/beypilic/beypilic.html staan een aantal foto's.

Als ik dit op een mobiele telefoon bekijk, horen de foto's links en rechts 15 px van de kant af te staan.

ze schalen echter niet geheel mee.

Ik heb al geprobeerd om de waarde "width:100%" eraan toe te voegen maar dit werkt niet.

Weet iemand raad?Schermafbeelding 2018-08-15 om 16.29.43.png
 
Onderaan in je stylesheet
Code:
@media (max-width: 991px) {
    .post-img img {
        display: block;
        width: 100%;
    }
}
Suc6. Have fun.
 
Tx

Je bent een held.

Was er zelf al een paar uur mee bezig.

Hartstikke bedankt.


Nu durf ik het bijna net te vragen maar kan een dergelijk iets ook bedacht worden voor het logo?

Die zou eigenlijk ook mee moeten schalen.

Sorry maar dit viel me nu pas op.
 
Zonder de html aan te passen kan je het zo doen. De regel max-width kan je eventueel zelf aanpassen, voor smartphone is deze zo in orde.
Code:
@media (max-width: 991px) {
    .header-wrapper .row > div:first-child img {
        display: block;
        width: 100%;
        max-width: 290px;
        height: auto;
        margin: 0 auto;
    }
}
Als je een vraag hebt hoor ik het wel. Suc6.
 
Graag gedaan. Suc6 met je website :thumb:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan