使用情境

多行文字中，圖片align或float置左或右的文繞圖方是很常見，進入RWD模式後小寬度時照樣文繞圖並不妥。

解決方法

用CSS的media來生效或取消圖片float吧：

/* Response Image Float */
@media only screen and (max-width : 599px) {
   .img-float-left, .img-float-right {
      float: none;
  }
}
@media only screen and (min-width : 600px) {
  .img-float-left {
     float: left;
  }
  .img-float-right {
     float: right;
  }
}

HTML方面照本宣科：(圖片在右文繞圖)

<img src="images.jpg" class="img-float-right">

<p>文繞圖....</p>