我正在使用 wordpress 中的自定义主题，我想在从移动设备查看时添加某些格式（最小 320 像素 - 最大 400 像素）
元标记：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
CSS：
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.logo{margin-left:0px !important}
.content{width:100% !important; }
.mainmenu {background:rgba(0,0,0,0.6) !important; }
.mainmenu li{padding:0 5px !important;}
.mainmenu li a{font-size:18px !important; font-family:'impactregular' !important; color:#000 !important;}
}
@media only screen
and (min-width : 1000px) {
.logo{float:left;}
}
现在由于某种原因，它检测到 1000px 但不是更小的..不确定我在这里做错了什么。
这是我正在尝试修复的网站的链接。提前致谢。