0

このテーマを英語で説明する方法がまったくわからないので、詳細は次のとおりです。

携帯電話で私の(一時的な)ウェブサイトを確認してください(種類は問いません) ->クリックすると、特定のコンテナだけに焦点を当てるのではなく、画面全体に広がる背景を含む サイト全体が表示されます。

私の唯一の質問は、サイト全体ではなくコンテナに画面の焦点を合わせるにはどうすればよいかということです。つまり、背景を無視して、コンテナを画面全体に広げます。

クイックモックアップ:

それを達成するための最良の方法は何ですか。それで、携帯電話の画面全体に調整されますか?

ありがとう!

4

2 に答える 2

1

これを試して:

<meta name="viewport" content="width=device-width">

これにより、デバイスが適切な値に「ズーム」されます。(「合理的」かどうかは、ベンダーによって多少異なります。)

あなたの場合、device-widthパラメーターをいじって、自分に合った値を入力できます。でも、とりあえず我慢したほうがいい。

これから始めて、メディアクエリを介してさまざまな css スタイルを作成し、たとえば指定することができます

@media (max-width: 400px)
    .my-content-div {
        width: 100%;
    }
}

モバイル デバイスでコンテンツを 100% にスケーリングします。

真のレスポンシブ デザインを作成することは依然として大変なことですが、それは可能です。重要なのは、少なくとも大まかに信頼できるものから始めて、そこから先に進むことです。

于 2013-09-27T18:27:06.357 に答える