javascript - 如何使图像响应？

Question

我正在使用以下代码在点击时放大图像...我已经尝试过使用 css 中的媒体 ..

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

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

但是现在我想让那个大图像响应......当我在移动视图上测试那个代码时它不能正常工作......我应该怎么做才能让它完美适合移动屏幕......

score 4 · Accepted Answer

4

将引导类 ( class="img-responsive" ) 添加到图像元素

于 2016-04-05T05:34:07.037 回答

score 1 · Accepted Answer

1

尝试这个

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

于 2016-04-05T05:19:06.863 回答

score 0 · Accepted Answer

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

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

根据您的尺寸定义 px 尺寸

3 回答 3