2

その問題は単純かもしれませんが、私にはこれを解決する方法がわかりません。また、グーグルに何を入力すればよいかについての本当のアイデアもありません;）

私のCSSには、次の宣言があります。

body { font-size: 100%; }

いいえ、新しい高密度デバイスは私のフォントを非常に小さく表示するので、その宣言を次のように設定する必要があります。

body { font-size: 200%; }

追加のファイルを作成/リンクしたり、ユーザーエージェントのサーバー側処理を実行したりせずに、これを行う最も簡単な方法は何ですか？

4

3 に答える 3

2

モバイルブラウザ検出（サーバー側またはクライアント側のいずれか）を使用します。これはhttp://detectmobilebrowsers.com/で見つけることができます。mobileブラウザがモバイルの場合は、クラスをbodyタグに追加します。

たとえば、Detect Mobile BrowsersのjQueryコードを使用する場合：

$(document).ready(function()
{
    if(jQuery.browser.mobile)
    {
        $('body').addClass('mobile');
    }
});

次に、CSSで、モバイル固有のスタイルを使用body.mobile {}および.mobile .something {}適用できます。

于 2012-04-19T20:18:21.030 に答える
0

「スマート」な高密度電話がこれを自動的に処理します（Retinaディスプレイを搭載したiOSデバイスなど）。それほど賢くない人はそうしませんが、ユーザーはすでにこれに慣れているので、彼らがすでに自分で調整しているかもしれないので、あなたは彼らのフォントをまったく調整したくないかもしれないことに注意してください。

于 2012-04-19T20:20:37.730 に答える
0 
html {-webkit-text-size-adjust: none;}
于 2012-06-22T01:30:23.257 に答える