针对不同平台的图像重新调整大小

Question

我对编码很新，需要一些帮助。我有一个bootstrap网站，滑块不会重新调整为移动设备或平板电脑的大小。 我添加的CSS中的代码是：

img {max-width：100％;} iframe {border：0;宽度：100％;}

和

我做错了什么？

Answer 1

 .img{
   width: ....;
   height: ....;
 }


@media all and (min-width:900px){
  .img{
     width:....;
     height:....;
  }
}

所以这是css代码。第一个.img本身就是它在手机上的样子，@ media标签就是你用来在屏幕尺寸超过最小宽度尺寸时改变尺寸的东西。我建议使用firefox，因为它有一个很好的响应视图，所以你可以改变屏幕大小，看看它在较小的屏幕上会是什么样子