Question

我在wordpress中有网站，我的内容有一个小问题。在电脑上主要内容显示正常。正如您在移动设备上看到的那样，内容大约有。 50％的宽度，我不知道为什么..有人可以帮助我吗？

非常感谢

编辑：现在我看到变音符号在移动设备上也不起作用......（ščťžýá等...）

Answer 1

确保您已在文档的<head>内设置了一个视口，以满足移动浏览器的需求。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Answer 2

问题在于网站上的包装器。如果你看截图，有一条水平线延伸超过实际内容，这意味着你的包装或容器太大了。尝试在包装器上使用max-width: n px;。如果这不起作用，请尝试媒体查询。

例如在你的css中：

@media screen and (max-width: 600px) {

    #wrapper {width: n px;}

}

它表示如果屏幕宽度> = 600px，请更新这些样式。

这将包装在你的造型下面。如果你选择这条路线，你将需要实现Vector用附加元标记回答的内容。它基本上告诉文档有媒体查询。