Bootstrap 4 为什么不是';我的图片在bootstrap 4.6中没有响应吗?
我试图使我的形象有反应,但它不是。有人能帮忙吗 我的代码:Bootstrap 4 为什么不是';我的图片在bootstrap 4.6中没有响应吗?,bootstrap-4,Bootstrap 4,我试图使我的形象有反应,但它不是。有人能帮忙吗 我的代码: <!doctype html> <head> <title>Test</title> <meta charset="utf-8> <meta name="viewport" content="width=device-width,
<!doctype html>
<head>
<title>Test</title>
<meta charset="utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="restless-inc.css">
</head>
<body>
<div class="container-fluid">
<img src="images/dog3.jpg" class="img-fluid" style="max-width:100%; height:auto;" alt="...">
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
</body>
</html>
测验
试试img responsive课程,也许你可以把它和你的实际课程结合起来,谢谢所有回答我问题的人。问题在于指令max width:100%,我使用的是非常小的图像,所以它们不能放大。当我将指令改为宽度:100%时,图像放大了,响应性更强。再次感谢并向大家致意。需要更多信息,请定义“它不是”响应。还有关于图像标签的untivent-inc.css
中的任何内容吗?您可能需要再次检查您的代码(您需要关闭他使用的是4.6.0)