width="300"

以下のスタイルシートで、スマートフォンからのアクセスには、画像の幅を100%にしています。パソコンからのアクセスの場合、IMGタグで指定した「 300px 」が適用されます。

<meta name="viewport" content="width=device-width" >
<style>
/* 480px以下のデバイスの場合は以下を適用 */
@media only screen and (max-device-width : 480px){
  .gazou {
    width:100%;
    height:auto;
  }
</style>

パソコン上で表示すると、画像の幅は300pxで表示されます。

<img src="../../jpg/html/ori.jpg" width="300" alt="トマト" class="gazou">