如何使图像具有响应性

How can I make image responsive?

本文关键字：响应 何使 图像      更新时间：2024-01-05

am使用以下代码在点击时放大图像。。。我尝试过css中的媒体。。

http://www.frontendwebhelp.com/javascript/thumbnail-popup-to-large-image.php

但我在#modalPopupHtml#中又添加了一个类来调整大图像的大小

.imgsize{
  height: 600px;
  width: 800px;
}

但现在我想让那个大图像有反应。。。当我在移动视图上测试该代码时，它无法正常工作。。。我该怎么做才能让它完全适合手机屏幕。。。

将引导程序类（class="img responsived"）添加到图像元素

尝试这个

Max-width:100%;
height:auto;
display:block

通过在css文件中使用@media定义最小和最大宽度

    @media (max-width: px) 
{
.imgsize{  }
}
     @meida(min-width :px)
{
.imgsize{}
}

根据您的大小定义px大小

相关文章：