0

我正在开发一个响应式主题，问题是 iPhone 上的所有像素都翻了一番。我相信这是由于视网膜显示器。

我的问题是我是否必须通过为仅视网膜显示器（将实际像素大小除以像素密度）提供特殊值来创建另一个样式表（或使用媒体查询）？

  • 所有边距翻倍
  • 边框厚度加倍
  • 字体大小翻倍

目前我有所有的边距，边框..等。以像素为单位。

现在，我正在使用以下 java-script 来控制初始比例并且它工作正常。

(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 回答