Question

我正在使用二十二岁的wordpress儿童主题

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

在Iphone上查看我的网站时，我可以做任何事情让我的主页上的两个帖子列并排显示吗？我知道，棘手的问题。现在，如果在Iphone上查看，这两列只会组合成一列。

我希望页面看起来就像计算机上的外观一样，只是更小。所以我希望侧边栏也显示在右侧。在iPhone上，我现在没有侧边栏。

另一位设计师说，这是一个需要我查看媒体查询的问题，我认为这是正确的，但在线阅读后，我不确定如何将此问题应用于此问题。我也在这里看了相关的帖子，但信息没有凝胶。

我知道二十二个主题是响应式的，我知道我已经修改了css，以便在我的子主题中创建这些列。是否有可能让这个网站完全像在Iphone上的小型计算机上那样显示？以下是在iphone上查看时表现相同的网站示例：leeabbamonte.com

他正在使用一个完全不同的主题，因此我只是将它作为一个视觉示例。我的主题是二十二个孩子主题，如果有帮助，我可以将你粘贴到任何页面或粘贴代码。

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

Answer 1

尝试删除

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

来自您的子主题header.php并添加

#page { width:1000px }

到您孩子主题的css文件。你也可以选择另一个宽度，它应该是固定的。 ;）

Answer 2

是的，你可以通过媒体查询来做到这一点。

例如：

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

也许您必须根据每列的保证金和填充量来处理百分比。