私の検索はすべてアプリのデザインであり、ウェブデザインの答えではないので、簡単な質問があります。
Retina用に設計する場合、1pxの水平線をちょうどその-1pxとして表示するには、CSSに何を入れる必要がありますか?倍増させたくないのですが、どうやら0.5pxにすることもできません。
それとも、ピクセル指定の境界線を適切にレンダリングしますか?
私がこれまで調べてきたすべてのことは、それをはるかに混乱させるだけです。
私の検索はすべてアプリのデザインであり、ウェブデザインの答えではないので、簡単な質問があります。
Retina用に設計する場合、1pxの水平線をちょうどその-1pxとして表示するには、CSSに何を入れる必要がありますか?倍増させたくないのですが、どうやら0.5pxにすることもできません。
それとも、ピクセル指定の境界線を適切にレンダリングしますか?
私がこれまで調べてきたすべてのことは、それをはるかに混乱させるだけです。
1px
質問のタグから、CSSで境界線が作成されていると想定しています。高密度ディスプレイの場合、境界線を調整する必要はありません。境界線がブラウザによってレンダリングされると、そのために必要な計算はすべて行われます。したがって、どのシナリオでも鮮明な1px
境界線が得られます。
残念ながら、これを明示的に示しているリソースを見つけることができません。ただし、個人的な経験(モバイルを含むWebサイトの開発)から、高密度ディスプレイの境界線の厚さを調整することは決してないことを知っています。私はこれをグラフィックスに対してのみ行います。
これは、CSSを使用してグラフィックを作成することが役立つ多くの理由の1つです。