0

レスポンシブ テーマを開発していますが、問題は iPhone ですべてのピクセルが 2 倍になることです。これはRetinaディスプレイのせいだと思います。

私の質問は、網膜のみのディスプレイに特別な値を与える (実際のピクセル サイズをピクセル密度で割る) ことによって、別のスタイル シートを作成する (またはメディア クエリを使用する) 必要がありますか?

  • すべてのマージンが 2 倍になります
  • ボーダーの太さは2倍
  • フォントサイズが2倍

現在、すべての余白、境界線などがあります。ピクセルで。

今のところ、次の Java スクリプトを使用して初期スケールを制御していますが、問題なく動作しています。

(function() {
  var meta = document.createElement("meta");
    meta.setAttribute('name','viewport');
    var content = 'initial-scale=';
    content += 1 / window.devicePixelRatio;
    content += ',user-scalable=no';
    meta.setAttribute('content', content);
    document.getElementsByTagName('head')[0].appendChild(meta);
})();

誰かがこれに対する解決策を教えてもらえますか?

編集：

私も使って<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />います。

4

1 に答える 1

0

<meta name="viewport" content="width=device-width,initial-scale=1.0">これをメディアクエリと組み合わせてください。

于 2013-08-21T12:11:55.653 に答える