Ondersteuning » Thema en CSS/opmaak » Image schaalt niet mee

  • Ik heb een probleem met het schalen van mijn images, ik gebruik een responsive thema, maar wanneer ik mijn scherm verklein, dan schaalt alleen de border mee, de foto blijft staan. Als ik dit aanpas dan wordt de foto uitgerekt en is de verhouding weg. Wat moet ik in de css toevoegen zodat de foto mooi meeschaalt met de border?
    Dit is de afbeelding:

    En dit is de code:

    .featured-image-container {
    
        overflow: hidden;
        height: 100px;
        max-width:100%;
        margin-bottom: 15px;
        border:4px solid #fff;
        border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    
    -webkit-box-shadow: 1px 2px 1px #d1d1d1;
    -moz-box-shadow: 1px 2px 1px #d1d1d1;
    box-shadow: 1px 2px 1px #d1d1d1;
    }
    
    .featured-image-container img {
    
    }
1 reactie aan het bekijken (van in totaal 1)
1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Image schaalt niet mee’ is gesloten voor nieuwe reacties.