2

私は非常にシンプルなポートフォリオ サイト (サンプル ページ: http://stevebishop.org/images/a_working_title/index.html ) を持っており、iPhone サイズの代わりに読み込まれる「モバイル」スタイル シートを読み込むレスポンシブ デザインを作成しました。画面。

いずれかのコードで実際に唯一の css は通常のスタイル シートにあり、画像は画面の 100% の高さでスケーリングされ、モバイルの場合は 100% の幅です。これは、デバイスごとに可能な限り最大の画像を画面に一度に表示することを目的としています。

問題が iPad での表示にあることを除いて、これはすべて正常に機能します。デスクトップのように動作し、通常の css ファイルをロードする必要がありますが、高さを処理できないようです: 100% 属性であり、代わりに各画像を非常に表示するとても大きい。

コードをより安定したものに変更する方法、またはiPad用の「モバイル」cssファイルをロードする方法について、小さなデスクトップに干渉することなく回避する方法について、誰か提案がありますか。

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

4

1 に答える 1

0

を使用する以外width: 100%に、たとえばプロパティを使用してmax-width: 400pxmax-height:200px画像が非常に大きくなるのを防ぐことができます。

それがいくつか役立つことを願っています。

よろしく。

于 2012-12-01T15:34:31.937 に答える