iphone - Retina 的线条和设计

Question

我有一个快速的问题，因为我所有的搜索都出现了应用程序设计而不是网页设计的答案。

在为 Retina 设计时，我应该在我的 CSS 中添加什么以使 1px 的水平线显示为 - 1px？我不希望它加倍，但显然我也不能让它变成 0.5px。

还是它应该渲染像素指定的边框？

到目前为止，我所研究的一切都使它变得更加混乱。

Answer 1

I'm assuming from your tags on the question, that you have a 1px border created in CSS. There is no need to adjust the border for high density displays. When the border is rendered by the browser, whatever calculations that need to be made for it, will be. So, you'll get a crisp 1px border in any scenario.

Unfortunately, I cannot locate a resource that states this explicitly. However, I know from my personal experience (developing websites, including mobile) that I never make any adjustments to border thickness for high density displays. I only do this for graphics.

This is one of many reasons why using CSS to create your graphics is useful.