为什么我的Web应用程序无法检测到媒体查询属性？

我试图让我的网页对媒体查询属性做出相应的反应。我在网上搜索了所有的通用元代码

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

在我的CSS中，我会相应地进行更改

@media only screen and (max-device-width: 720px) {

#homebutton input[type=image] {
   position:absolute;
   left:0%;
   top:0%;
   margin: 0px;
   height:700px;
}

我在两个不同的移动界面上的Opera移动模拟器上都尝试过

1. WXGA景观1280x800
2. 高清Potrait 720x1280

但是我的homebutton仍然保持原来的尺寸，如下所示

#homebutton input[type=image] {
  position:absolute;
  left:0%;
  top:0%;
  margin: 0px;
  height:70px;
}