二十個兒童主題 - 修改主題寬度（940px到1000px）

我最初發布在WordPress的答案，但被告知這是一個CSS問題，應該在這裏發佈。二十個兒童主題 - 修改主題寬度（940px到1000px）

我在我的web服務器上安裝了最新版本的WordPress（3.5）和Twenty Ten主題（1.5）。我沒有修改任何設置，一切都是默認設置。我想讓我的孩子主題做的是將主題寬度從940px更改爲1000px。我的孩子主題中唯一的文件是style.css，我改變的唯一值是寬度。

寬度調整在所有桌面瀏覽器上都能正常工作，但在iPhone（iOS 6）和iPad（iOS 6）上，主題通過水平滾動條加載，不可能完全縮放。水平滾動條問題僅影響主頁而不是示例頁面。問題僅限於垂直模式。

下面是截圖和我的style.css代碼：

我的網站，我用下面的代碼默認安裝的WordPress是：www.w242.com

enter image description here

的style.css：

/* 
Theme Name: w242 
Description: Child theme for the twentyten theme 
Author: w242 
Template: twentyten 
*/ 

@import url("../twentyten/style.css"); 

#access .menu-header, 
div.menu, 
#colophon, 
#branding, 
#main, 
#wrapper { 
    margin: 0 auto; 
    width: 1000px; /* CHANGED 940px ---TO---> 1000px */ 
} 

#access { 
    background: #000; 
    display: block; 
    float: left; 
    margin: 0 auto; 
    width: 1000px; /* CHANGED 940px ---TO---> 1000px */ 
}

來源

2013-01-13 user1822824

首先，在style.css的線173，則有一個屬性分配給padding: 0px 20px;div.#wrapper這是會對象的總寬度上延伸到1040px。由於您將#wrapper子元素的寬度更改爲1000px，因此padding樣式屬性會爲其內部的每個邊添加另一個20px，將其大小擴展爲1040px。這就是爲什麼你得到懸崖。

其次，這些屏幕截圖來自移動設備。您是否需要手機或桌面格式的幫助？如果是移動設備，最簡單的方法是找到一個移動主題插件，並將其修改爲一個兒童主題，而不是與2010年模板混淆。此外，您可能希望考慮避免使用像素作爲單位並切換到％或em，或設置最小寬度和最大寬度而不是寬度。

這裏有一些例子的文章。 http://www.cssjuice.com/css-liquid-layout-design/

提示要更改標題圖像的大小，您需要查看'functions.php'文件。

來源

2013-01-15 20:33:04 Plummer

我知道填充，無論包裝設置爲940px或1000px。我的問題是寬度調整適用於所有桌面瀏覽器，但在iPhone（iOS 6）和iPad（iOS 6）上使用水平滾動條加載主題並且無法縮放所有方式，但主題可以正常工作在940px。我不想也不應該需要任何移動插件進行這種簡單的調整。 – user1822824

提示要更改該標題圖片的大小，您需要查看'functions.php'文件。 ---我知道，我故意保持簡單的方式來嘗試解決問題。 – user1822824

確定窗口寬度時，iOS瀏覽器的聲音不考慮填充大小。谷歌搜索了這個問題，並得到了一些關於類似問題的回擊。檢查你的溢出設置。如果頁面不會滾動，則可能僅渲染父元素的維度並隱藏任何子元素。 – Plummer

二十個兒童主題 - 修改主題寬度（940px到1000px）

回答

相關問題