媒体查询无法使用Wordpress

Question

我目前正在使用Wordpress网站，尝试为手持设备和平板电脑编写响应式外观，但媒体查询无效。

目前只在iPhone上尝试肖像而且不会。

非常感谢任何帮助。

`/* Smartphones (portrait) ----------- */ @media only screen and (max-width : 400px) { h1#logo {margin-top:-6%; margin-left:10px;} .topnav.navRight {left:15%; margin-top: -1%;} #header .social-icons {margin-top:-3%; position:absolute; margin-left:17% !important;} #main_menu {margin-top:-10% !important;} }`

该网站位于luludew.com/wp

Answer 1

确保在HTML中包含此元标记：

<meta name="viewport" content="width=device-width">