【问题标题】:HTML size for retina display视网膜显示的 HTML 大小
【发布时间】:2016-03-11 20:15:17
【问题描述】:

我不经常为高分辨率显示器工作,因为我的大多数客户倾向于使用人类已知的最古老的机器,但我目前正在研究只能在视网膜显示器 iPad 上显示的东西。一个图形已经模拟了他们想要的视网膜分辨率(2,048 x 1,536)的设计,我一直在根据图形中的尺寸构建我的网站。但是现在我实际上是在尝试在 iPad 上查看它,一切都太大了,我认为会占据页面 6 的“260px 标题”(ish)接近两倍。

我似乎无法找到任何关于视网膜显示器的可行 HTML 尺寸的信息,只有页面讨论如何为视网膜准备图像,构建 HTML 时我应该使用什么尺寸分辨率?

【问题讨论】:

  • @AndyHolmes 但这就是我的意思,我使用的是从模拟到视网膜分辨率的图形中的尺寸,以及我的显示器上 260 像素高的标题,这实际上是大约 6th视网膜分辨率的高度,远大于此。
  • 那么图形的尺寸是多少?
  • 这是像素密度,据我所知不是两倍高度
  • 模型是 2048x1536,但我已经测量了它的一部分(例如 260 的标题)并通过 css 将我的 HTML 设置为 260,但在 iPad 上查看时按比例缩放视网膜,它的比例比我正在使用的模型大得多

标签: html retina


【解决方案1】:

我相信,实现这一目标的最佳方式是尽可能使用 CSS,并在 1024x768 上构建您的网站,并利用 @2x 图形用于视网膜设备。

可以在此处找到使用这些想法的简单指南 - http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/

【讨论】:

  • 我认为这实际上是我正在寻找的答案,分辨率实际上是 1024x768,但密度是双倍的,这意味着现在我已经将标题的高度减半,它实际上是正确的比例我的模型图像
  • 非常好,很高兴它有帮助:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-04
  • 1970-01-01
相关资源
最近更新 更多