媒体查询不能使用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标签：

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

Answer 2

是的，WordPress的可以有偶尔媒体查询问题。但有一个修复，我花了很多时间，并帮助找到。其称为Respond.js

Respond.js为最小/最大宽度CSS3媒体查询（为IE 6-8，等等）快速且轻量填充工具，

注：我需要它为所有浏览器接受我的主题的媒体查询。我猜只是一个核心错误。