Bildgröße in Button formatiert nicht korrekt in Internet Explorer

Ich habe den folgenden CodeBildgröße in Button formatiert nicht korrekt in Internet Explorer

Das Bild wird ordnungsgemäß in Chrome und Firefox angezeigt, aber im Internet Explorer scheint das Bild sehr groß. Welche Anpassungen sollte ich vornehmen, um in jedem Browser die gleiche Bildgröße zu sehen?

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 

 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>mytitle</title> 
 

 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
 

 
</head> 
 

 
<body> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="col-sm-3 col-xs-6"> 
 
     <button data-toggle="modal" data-target="#maths_modal"> 
 
       <figure> 
 
        <img src="https://www.socialtalent.co/wp-content/uploads/blog-content/so-logo.png" class="img-responsive"> 
 
        <figcaption>Caption under my image</figcaption> 
 
       </figure> 
 
      </button> 
 
     </div> 
 

 
</body> 
 

 
</html>

(Der Fehler bleibt auch ohne das Figurelement)

Quelle

2017-04-08 Irini Koutaki

können Sie bitte css code hinzufügen? – catch22

Der gesamte Code ist der Code, den ich auf die Frage hochgeladen habe. Die einzige css mit ist von der Online bootstrap.min.css Nehmen Sie den Code und versuchen Sie es auf IE und Chrome, um das Problem zu sehen –

dann welche Internet Explorer-Version haben Sie? Ich benutze einen Mac, also keinen IE. – catch22

Gemeinsame Ausgabe mit Bootstrap 3 und IE11, versuchen Sie dies in Ihrem CSS-Datei:

.img-responsive {width: 100%;}

Quelle

2017-04-08 19:36:34 catch22

Nach einige Tests habe ich eine Abhilfe für dieses Problem gefunden Da im Bootstrap <button> und <a> kann beides gleich funktionieren, ich ersetzte <button> durch <a> und das Kompatibilitätsproblem wurde gelöst

Quelle

2017-04-08 19:38:50

Bildgröße in Button formatiert nicht korrekt in Internet Explorer

Antwort

Verwandte Themen