モバイル Web ページproduction_html/css_WEB-ITnose

モバイル Web ページ制作とコンピューター Web ページ制作の違いは何ですか? モバイル Web ページはどのように適応しますか?

ディスカッションに返信 (解決策)

% を使用し、px を避けるようにしてください

もう 1 つは @ media です。 (max-height: 480px){

}

2 階と同様に、携帯電話が直面する主な問題は、携帯電話の高さが異なることです。 widthadaptive は扱いやすいです。私は % を使用して高さとフォントサイズを計算するために JS を使用することがよくあります

スタイルを制御するには、通常、Google Chrome を使用します。 Xiaomiの携帯電話はスタイルに特に注意を払っています。

自分でjsをカプセル化し、設計図と画面の幅の比率を計算し、カスタム属性の形で値(設計図上の値)を代入し、ページ読み込み時に、これは簡単ですが、そうでない場合は、各ページを js を使用して計算する必要があり、これは非常に複雑です。

最も単純なものはパーセンテージです