スマホの際、商品詳細の画像サイズを修正してくれと言われたら

表題のとおり、比率がおかしくなる、画面からはみ出すなどしてて
レスポンシブ対応して！と頼まれたら
sassに以下を追加する。

.itemDetail_d01 {    
  .mainTxt,    
  .photoContents ul li .txt {    
    img {    
      width: auto!important;    
      height: auto!important;    
      max-width: 100%;    
    }    
  }    
}

この現象はwidth、heightにインラインでpx値が入っていることから発生する。
max-widthも打ち消しているので、基本的にレスポンシブ対応されて”いない”
何故わざわざレスポンシブ対応を切ったのか
それはリプのための措置なので、デフォルトでいれとけば云々という話ではない