在WordPress響應顯示：在iPhone上管理列

Question

我使用WordPress的twentytwelve子主題

我的網站是在這裏：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; 
    } 
} 

也許你不得不處理了一下根據您的保證金和補白每一列的百分比。