2

一部のページのコンテンツに合わせるため、サイトの最小幅は 1170px のサイトがあります。また、別のモバイル版を作成することもできません。

IPhones と Droids は、通常、幅に合わせてページのサイズを自動的に変更します。ただし、コンテンツの高さが画面の高さよりも小さく、幅が画面からはみ出す場合、ページのサイズが変更されないようです。

何を変更すべきかについてのアイデアはありますか？デスクトップ プレゼンテーションを台無しにしないために、どのような編集を行えばよいかわかりません。

4

3 に答える 3

4

何よりも重要なことを行ういくつかの方法があります

デバイスで作業することをターゲットにする場合は、そのコードを終了タグの前に置くだけです</head>

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

次に、コードを繰り返したくない場合は、メディアクエリを使用してウェブサイトに表示したい画面をターゲットにするだけです

以下の例:

@media handheld, screen and (max-width: 320px){
    .yourElementClassOrId {
        width:100%;  
    }
} 

@media handheld, screen and (max-width: 720px){
    .yourElementClassOrId {
        width:100%;  
    }
}  
@media handheld, screen and (max-width: 620px){
    .yourElementClassOrId {
        width:100%;  
    }
}

ただし、サイトにすでにフレキシブル グリッドがある場合は、サイトを簡単に操作できます

この助けを願っています

于 2013-04-18T07:26:31.907 に答える