-2

私はこのワードプレスのブログに取り組んでいますhttp://www.taranmarlowjewelry.com/?page_id=7（通常のWebブラウザでは問題ないようです）CSSを編集して、iPhoneで見栄えがするようにしました...これらの行を追加しました私のiphonecssファイルで

.wrapper{
    position:relative;
    width:840px;
    margin:0 auto;
}

.blog #page{
    width:840px !important;
}

.blog #main{
    width:840px !important;
}

.blog #primary {
    width:220px !important;
}

.blog #content {
    width: 220px !important;
}

.blog #secondary {
    width:200px !important;
    float:right !important;
}

しかし、ブログとサイドバーの間に大きなスペースがあり、このページの幅が広すぎます。私の家では、約ページは840pxの幅の.wrapperで見栄えがします。

ここで何が問題になっていますか？

4

2 に答える 2

0

初期スケールを使ってみましたか？

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

それを追加し、それに応じてCSSを調整します。

于 2012-07-06T20:47:38.707 に答える
0

正しい方法は、レスポンシブテーマを使用することです。したがって、すべてのフレーム形式にbase.cssスタイルシートを含めてから、新しいフレーム形式ごとにスタイルシートを追加します。何かのようなもの：

http://yourdomain.com/library/css/style.css'type ='text / css'media ='（min-width：481px）'/>

次に、そのスタイルシート内の関数を使用して、より大きなフレーム形式により多くのスタイルを適用できます。Bones Theme（by themble）は、レスポンシブWebデザインについて学び始めるのに最適な場所です。

失敗-ショーンは正しいです。メタビューポート設定から始めて、そこから調整してください。iPadとiPhoneの画面サイズについてはここに素晴らしい答えがありますiPadブラウザWIDTH＆HEIGHT標準

アンディ

于 2012-07-06T21:50:05.087 に答える