2016-05-14 9 views
0

retine hdディスプレイのサイトを調整するためのいくつかのスタンドは何ですか? 我々はそれのために推奨さpracticsは何ですか?HDディスプレイの標準

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */ 
} 

を使用してそれをdetecすることができますので、 また、実際に網膜のhdディスプレイ上でどのようにサイトがどのように見えるかをチェックする方法はありますか?

答えて

1

いいえあなたのクライアントを圧倒しないでください。代わりに、それらの選択肢を残してください。

お客様srcsetプロパティで異なる解像度を提供しています。最も簡単なのは、通常の<img>タグで、sizes属性と組み合わせて、またはcssを使用してサイズ定義を使用するだけです。これによりブラウザは現在の状況に最も適した解像度を選択でき、画面の解像度、サイズ、ネットワーク帯域幅などはすべてと考えることができます。

簡単な説明はMozilla Development Networkで提供されています。