1

初期スケールのメタ属性を発見しました。

以前は、default.css を使用してすべてのスタイルとサイズ (フォントと要素) を定義していたので、デスクトップ コンピューターの画面領域に適切に表示されます。次に、電話またはタブレットを使用している場合は、メディアクエリまたは PHP を使用して phone.css または tablet.css を含めることができます。これにより、小さいデバイスのサイズのみが調整されます。

しかし、初期スケールの概念を認識したので、要素のサイズを制御する代わりにそれを使用する必要がありますか?

私が得ようとしている非常に重要な結果はこれです...私はフォントサイズを次のようにEM（またはREM）単位で定義するために使用します：

/*desktop.css*/
html{font-size:62.5%;}
p{font-size:1.2em;}
span {font-size:1em;}

/*phone.css*/
html{font-size:125%;}

/*tablet.css*/
html{font-size:100%;}

つまり、私の phone.css と tablet.css は、html 要素のフォント サイズのパーセンテージのみを調整し、他のすべての要素はすべての異なるデバイスに応じてスケーリングされます。ある程度、パディング、マージン、行の高さ、文字間隔でこれを行います。

初期スケールの導入により、フォント サイズのスケーリングに EM/REM 単位は関係ないということですか? もっと直感的な PX ユニットに固執できますか? そして、残りのスケーリング作業は initial-scale に任せますか?

4

1 に答える 1

0

em 単位については、実際の高さはクライアントによって決定されるため、デバイスや画面密度が異なっても同じように表示される必要があるということです。

また、いくつかのアプリケーションで初期スケール、最小スケール、最大スケールを使用しており、デバイスごとのスケールに適切な値を選択する限り、px 単位がかなりうまく機能することがわかりました。

于 2013-04-02T14:02:04.427 に答える