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


  此PSD专为视网膜显示而设计


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

附言:我对CSS东西很陌生,挑战在于我不必使用引导程序,这是magento主题中的简单自定义。

最佳答案

对于诸如视网膜的高分辨率屏幕,您可以使用媒体查询来提供替代的精灵和图像以获得更好的结果,或者只是让其按像素比例放大。阅读https://www.leemunroe.com/designing-for-high-resolution-retina-displays/的有用资料

关于html - 视网膜显示如何与我的css和psd有关,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46926270/

10-12 00:51