gpt4 book ai didi

html - Button 中的图像大小在 Internet Explorer 中格式不正确

转载 作者:太空宇宙 更新时间:2023-11-04 08:53:09 25 4
gpt4 key购买 nike

我有以下代码

图像在 Chrome 和 Firefox 中显示正确,但在 Internet Explorer 中图像似乎很大。我应该做哪些调整才能在每个浏览器上看到相同的图像大小?

<!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>

(即使没有图形元素,错误仍然存​​在)

最佳答案

Bootstrap 3 和 IE11 的常见问题,在您的 css 文件中尝试:

.img-responsive {width: 100%;}

关于html - Button 中的图像大小在 Internet Explorer 中格式不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43293348/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com