0

我正在使用 212 个 wordpress 儿童主题

我的网站在这里：internalcompass.us/castle

在 Iphone 上查看我的网站时，我可以做些什么来让主页上的两个帖子列并排显示吗？棘手的问题，我知道。现在，如果在 Iphone 上查看，这两列只是合并为一列。

我希望页面看起来像计算机上的样子，只是更小。所以我希望侧边栏也显示在右侧。在 iphone 上，我现在根本没有侧边栏。

另一位设计师说这是一个需要我查看媒体查询的问题，我相信这是真的，但是在网上阅读后，我不确定如何将其应用到这个问题上。我还在这里查看了相关帖子，但信息并没有凝固。

我知道 22 个主题是响应式的，并且我知道我已经对 css 进行了一些修改以在我的子主题中创建这些列。是否有可能让这个网站完全像在 Iphone 上更小的电脑上一样显示？以下是在 iphone 上查看时具有这种行为方式的网站示例：leeabbamonte.com

他使用的是完全不同的主题，所以我只是将其用作视觉示例。我的主题是一个 22 个子主题，如果有帮助，我可以将您粘贴到任何页面或粘贴代码。

我的网站位于：internalcompass.us/castle

4

2 回答 2

0

尝试删除

<meta name=”viewport” content=”width=device-width” />

从您的孩子主题 header.php 并添加

#page { width:1000px }

到您的子主题的 css 文件。您也可以选择其他宽度，它应该是固定的。;)

于 2013-08-05T16:48:46.853 回答
0

是的，您可以使用媒体查询来做到这一点。

例如：

@media screen and (device-width: 480px) {
    #right-column,
    #left-column {
        width: 50%;
        float: left;
    }
}

也许您必须根据每列的边距和填充来处理百分比。

于 2013-08-07T11:18:36.907 回答