Question

我已经了解HTML，CSS和PHP，但我是WordPress的初学者。我已经设置了我的桌面WordPress主题，我很高兴它现在我已经尝试对移动主题进行一些调整，但是当我在手机上打开我的页面时，这些更改不会出现。事实上，当我缩小浏览器窗口时，它们确实显示出来 - 但不是在移动设备上。

我尝试通过使用以下内容覆盖CSS-Selectors来制作移动主题：

@media (max-width: 700px) {
    …
}

是不是WordPress不识别@ media-Selector？是否还有其他只使用CSS的方法可以在不使用任何插件的情况下执行此操作？

我已经尝试过找到问题的答案，但我能找到的只是插件。

提前致谢！

Answer 1

这不是WordPress问题，因为CSS仅由客户端（移动设备或您的电脑）解释。这可以通过添加

来解决

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

到你的<head>？