html - 视网膜显示如何与我的 css 和 psd 相关

Question

我问这个问题有点困惑，因为我已经阅读了所有可用的文章，但仍然找不到有用的东西。问题是我在 2880 px 宽度 中有一个 psd 设计。现在将其转换为 html 和 css。我将页面设计为 2880px 宽度。最后我发现这不是我应该使用的东西。因为在小屏幕上一切都太大了。在 psds 的设计指南中写道:

This PSD is designed for retina display

我如何使用最佳实践来实现这一目标。我必须将它设计到 2880 或 1440。

P.S:我对 css 很陌生，挑战是我不必使用 Bootstrap ，这是 magento 主题中的简单自定义。

Answer 1

对于像视网膜这样的高分辨率屏幕，您可以使用媒体查询来提供替代 Sprite 和图像以获得更好的结果，或者只是让它按像素比例放大。有用的东西要读https://www.leemunroe.com/designing-for-high-resolution-retina-displays/