-2

デスクトップ、モバイル、タブレット、Retina ディスプレイの 4 つのデザインのレスポンシブ Web サイトを開発する必要があります。

最初の3つは問題なく実行できますが、Retinaディスプレイは新しいものです。したがって、HTML を開発する正しい方法を誰かが共有できれば、非常に役に立ちます。

Jquery のプラグイン、HTML/CSS の Hack が役に立ちます! どうもありがとう!

4

3 に答える 3

1

次のようないくつかの CSS フレームワークを使用できます。

  1. スケルトン
  2. 財団

Google でレスポンシブ Web デザインを検索します。

Retina ディスプレイとモバイル レイアウトの場合は、メディア クエリを使用します

これは役立つCSS-tricksからのリンクです Css-tricks

于 2012-08-17T05:27:03.547 に答える
0

iPhone/iPad では、iOS はユーザーの手を借りなくても見栄えをよくすることができます。私は試したことはありませんが、OSX も Retina を搭載したデスクトップ/ラップトップで同じことを行うと確信しています。

ただし、ユーザー/ユーザーが必ず考慮する必要があることがいくつかあります。

  • ビューポートのメタ情報

  • ベクトル グラフィックを使用してぼやけた画像を避けます (Retina は PPI が高いため、ラスター グラフィックをスケーリングする必要があります)。

  • ページを軽量かつ高速に保つ (モバイルの一般的なルール)

  • CSS メディア クエリ(レスポンシブ開発の一般的な良いルール)

  • -webkit多くのことをきめ細かく制御できる、プレフィックス付きの独自の CSS プロパティに慣れてください。

  • 頻繁にテストしてください!ほとんどの場合、物事が「うまく機能する」(そして高い PPI で見栄えが良い)ことに嬉しい驚きを覚えますが、常に期待どおりに機能するとは限りません。

于 2012-08-17T05:15:45.987 に答える
0

サイトを作成するときはいつでも、retina.jsを使用します。ユーザーが Retina ディスプレイを使用している場合、ページ上の低解像度の画像をサーバー上の高解像度の画像に自動的に置き換えます。

于 2013-06-27T21:31:31.037 に答える