0

我在 wordpress 中有网站,但内容有一个小问题。在计算机上主要内容显示正常。正如您在移动设备上看到的那样,内容大约有。50% 的宽度,我不知道为什么.. 有人可以帮帮我吗?

网站: http: //www.djreneek.com

手机截图: https ://dl.dropboxusercontent.com/u/19898988/Screenshot_2013-07-31-21-41-18.png

非常感谢

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

4

2 回答 2

1

确保您在<head>文档中设置了一个适合移动浏览器的视口。

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

于 2013-07-31T19:50:00.230 回答
0

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

例如在你的 CSS 中:

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

    #wrapper {width: n px;}

}

它说如果屏幕的宽度> = 600px,请更新这些样式。

这将在您的包装样式下方。如果你确实走这条路,你会想要实现 Vector 用额外的元标记回答的内容。它基本上告诉文档有媒体查询。

于 2013-08-01T18:09:44.670 回答