4

最初にこれを WordPress Answers に投稿しましたが、これは CSS の問題であり、ここに投稿する必要があると言われました。

WordPress の最新バージョン (3.5) と Twenty Ten テーマ (1.5) を Web サーバーにインストールしました。設定を変更していません。すべてがデフォルトです。子テーマでやりたいことは、テーマの幅を 940px から 1000px に変更することだけです。子テーマの唯一のファイルは style.css で、変更した値は幅だけです。

幅の調整はすべてのデスクトップ ブラウザーで正常に機能しますが、iPhone (iOS 6) および iPad (iOS 6) ではテーマが水平スクロール バーで読み込まれ、ズームアウトすることはできません。水平スクロール バーの問題は、ホームページにのみ影響し、サンプル ページには影響しません。問題は垂直モードのみに限定されます。

以下はスクリーンショットと私のstyle.cssコードです:

以下のコードでデフォルトの WordPress をインストールした私の Web サイトは、www.w242.com です。

ここに画像の説明を入力

ここに画像の説明を入力

ここに画像の説明を入力

ここに画像の説明を入力

スタイル.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 */
}
4

1 に答える 1

2

まず、style.css の 173 行目で、オブジェクトの合計幅を に拡張するdiv.#wrapperof属性が割り当てられています。子要素の幅を に変更したため、style 属性はそれ自体の内側の各辺にさらに 20 ピクセルを追加し、そのサイズを に拡張します。それがオーバーハングを取得している理由です。padding: 0px 20px;1040px#wrapper1000pxpadding1040px

次に、これらのスクリーンショットはモバイル デバイスからのものです。モバイルまたはデスクトップのフォーマットについてサポートが必要ですか? モバイルの場合、最も簡単な方法は、2010 テンプレートをいじるのではなく、モバイル テーマ プラグインを見つけて子テーマとして変更することです。また、単位としてピクセルを使用するのをやめて % または em に切り替えるか、幅だけでなく最小幅と最大幅を設定することを検討することもできます。

いくつかの例を含む記事を次に示します。http://www.cssjuice.com/css-liquid-layout-design/

そのヘッダー画像のサイズを変更するには、「functions.php」ファイルを確認する必要があります。

于 2013-01-15T20:33:04.990 に答える