デスクトップ、モバイル、タブレット、Retina ディスプレイの 4 つのデザインのレスポンシブ Web サイトを開発する必要があります。
最初の3つは問題なく実行できますが、Retinaディスプレイは新しいものです。したがって、HTML を開発する正しい方法を誰かが共有できれば、非常に役に立ちます。
Jquery のプラグイン、HTML/CSS の Hack が役に立ちます! どうもありがとう!
デスクトップ、モバイル、タブレット、Retina ディスプレイの 4 つのデザインのレスポンシブ Web サイトを開発する必要があります。
最初の3つは問題なく実行できますが、Retinaディスプレイは新しいものです。したがって、HTML を開発する正しい方法を誰かが共有できれば、非常に役に立ちます。
Jquery のプラグイン、HTML/CSS の Hack が役に立ちます! どうもありがとう!
次のようないくつかの CSS フレームワークを使用できます。
Google でレスポンシブ Web デザインを検索します。
Retina ディスプレイとモバイル レイアウトの場合は、メディア クエリを使用します
これは役立つCSS-tricksからのリンクです Css-tricks
iPhone/iPad では、iOS はユーザーの手を借りなくても見栄えをよくすることができます。私は試したことはありませんが、OSX も Retina を搭載したデスクトップ/ラップトップで同じことを行うと確信しています。
ただし、ユーザー/ユーザーが必ず考慮する必要があることがいくつかあります。
ベクトル グラフィックを使用してぼやけた画像を避けます (Retina は PPI が高いため、ラスター グラフィックをスケーリングする必要があります)。
ページを軽量かつ高速に保つ (モバイルの一般的なルール)
CSS メディア クエリ(レスポンシブ開発の一般的な良いルール)
-webkit
多くのことをきめ細かく制御できる、プレフィックス付きの独自の CSS プロパティに慣れてください。
頻繁にテストしてください!ほとんどの場合、物事が「うまく機能する」(そして高い PPI で見栄えが良い)ことに嬉しい驚きを覚えますが、常に期待どおりに機能するとは限りません。
サイトを作成するときはいつでも、retina.jsを使用します。ユーザーが Retina ディスプレイを使用している場合、ページ上の低解像度の画像をサーバー上の高解像度の画像に自動的に置き換えます。