媒体查询不适用于 Wordpress

Posted

技术标签:

【中文标题】媒体查询不适用于 Wordpress【英文标题】:Media Queries Not Working with Wordpress 【发布时间】:2013-08-07 21:18:46 【问题描述】:

我目前正在开发一个 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

【问题讨论】:

【参考方案1】:

确保在 html 中包含此元标记:

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

【讨论】:

以上是关于媒体查询不适用于 Wordpress的主要内容,如果未能解决你的问题,请参考以下文章

媒体查询不适用于任何 iphone

媒体查询不适用于 Android

媒体查询不适用于横向

媒体查询不适用于移动设备

CSS 媒体查询最近不适用于 iPad

为啥媒体查询不适用于移动设备?