製品のレスポンシブ Web サイトを設計しています。px の代わりに em を使用する必要がある CSS 定義を知りたいです。CSS全体でemを使用する場合、将来直面する可能性のある問題は何ですか。

問題の css 定義は次のとおりです。

フォント サイズと行の高さのプロパティに em を使用しています。他のプロパティにも em を使用すると思いますか? さまざまなモバイル デバイスやタブレット デバイスのさまざまな DPI モードでズームの問題が発生しますか? レスポンシブ デザインで将来の問題を回避するために特に em (または px) を使用する必要がある CSS プロパティはありますか?

ありがとうございました。

PS この質問に直接答えられないことは理解しています。さまざまな DPI モードと css 標準でのズームの問題に関する専門家の意見がレスポンシブ デザインに従うことを期待しています。

私の現在のアプリは UITableView を使用しています。ここでは、heightForRowAtIndexpath メソッドを使用して、すべてのセルに対して同じ高さを返します。

Yoアプリを試してみたところ、高さは4sと6 plusの両方で同じで、幅が広いだけでした(明らかに)。ただし、私のアプリでは、6 プラスで試したときに行が「高く」なりました。高さを同じに保つにはどうすればよいですか。これは、他の UI 要素にも拡張されます。すべてのボタンなどは、(画面のパーセンテージではなくピクセル数で) 静的に定義されているにもかかわらず、すべて高さ/幅が広くなっています。

実行時にアダプティブ レイアウトを設定する方法

複数のビューを持つアダプティブ レイアウトを使用して iOS アプリを開発しています。キーボードがポップアップしたときにビューの位置を変更したい。

以下の自動レイアウトコーディングを使用していますが、機能していませんでした。

私はアダプティブデザインについてたくさん読んできました。ある時点で見つけることができたすべてのソースは、サーバー側のアプローチについて言及しているか、少なくとも、クライアントが必要とするものだけを提供するため、ロード時間を短縮する方法について述べています。レスポンシブ デザインとは対照的に、たとえばメディア クエリによって、クライアント側に適応する 1 つのコンテンツを配信します。流動的なグリッドとレイアウトが頭に浮かびます。

しかし、私は非常に基本的で単純で、(私の理解では) かなり骨の折れるアプローチを考えましたが、そのためのパターンを見つけることができませんでした。めんどくさいからでしょうね。

私のアイデアは、基本的に、アダプティブ デザインで通常行うように、デバイスごとに個別のビューを作成することでしたが、それらを div に入れ、デバイスのサイズに一致するものを表示するだけでした。これはもちろん、ビューによっては、サーバー側のアダプティブ デザインの約n倍のデータを配信します ( nは異なるビューの数です)。ただし、たとえば、ページをリロードせずにビューをオンザフライで切り替えることができます。繰り返しますが、私が持っていた単なるアイデアです。私の理解では、アダプティブ デザインと同じことを、別の技術的アプローチで行うだけです。このパターンはまだアダプティブ デザインと呼ばれていますか?

switch.css と index.html

編集：これまでのコメントに感謝します！強調したいのは、これがほぼアンチパターンの定義であることに完全に同意するということです。私の質問がそれを明確にすることを願っています! 私はこれを実用的なものとは考えていません。しかし、私はこれが何と呼ばれているのか (それが何かと呼ばれている場合)、または定義上まだ適応性/応答性があるかどうかに興味があります。そうでない場合、なぜですか？

私の現在の画面、ポートレート モード、垂直に立っている 3 つのオブジェクトは添付のとおりです。しかし、ランドスケープ モードを変更するには、3 つのオブジェクトすべてが間違っていました。ランドスケープモードの方法も教えてください。

私が期待しているのは、添付ファイルに従って水平に立っている 3 つのオブジェクトです。