html - @media 画面 (最小幅:1200px) が Chrome で機能しない

Question

に問題があり@media screen (min-width:1200px)ます。

画面のリサイズ時に画像と画像を小さくする「td」を期待してCSSに画像との2種類の属性(クラス)を設定したのですが、画面が1200pxを超えるとそれでも、画像のサイズが小さいことを示しています。

これは HTML です:

 <tr>
     <td class="indexphototd">
         <img class="indexphoto" src="../wp-content/uploads/2013/05/indexphoto300.jpg" /></td>
     <td>more stuff here</td> 
 </tr>

これはCSSです：

/* for browsers larger than 1200px width */
@media screen (min-width: 1200px) {
     .indexphototd { 
            width:300px !important;
        }
     .indexphoto {
         width:300px !important;
      }
}


@media screen (min-width: 800px) {
     .indexphototd {
            width:200px !important;
        }
     .indexphoto {
         width:200px !important;
      }
}