媒体查询无法使用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">