1

レスポンシブデザインで悩んでいます。

すべてのサイズがパーセンテージで示され、「通常の」画面で意図したとおりに動作し始めています。

javascript を使用して、背景画像を設定するウィンドウの幅と高さを決定します。背景画像はcss3の「カバー」プロパティを使用しています。

しかし、iPad / iPhoneでは、明らかにすべてが台無しになっています。pagecontent が pageheight を超えると (ほとんどのページで発生し、想定されている)、「カバー」プロパティが明らかに拡大し、画像が大きすぎます。そして、height と margin-top が突然高く設定されすぎました。

私の推測では、iPhone/iPad は、実際に表示されている画面だけでなく、オーバーフローしたコンテンツを含むコンテンツ全体をページ全体の高さと見なしているのでしょう....しかし、私はそれに対処する方法がわかりません。

また、ウィンドウの幅を警告すると、iPad、iPhone4、および iPhone3 で 980 になります。iPhone / iPadでウィンドウ幅を使用できないことを示唆していると思います....？

モバイル設定をどのように処理しますか?

iPhone/iPad 固有のセットアップを作成する必要がないことを願っていましたが、作成する必要があるのではないかと恐れ始めています。

これがデザインの遊び場です: http://basix.popweb.dk

助けやアドバイスはありますか？

Thxジョン

4

1 に答える 1

0

さて、あなたのウェブサイトを iPhone でチェックしたところ、問題なく読み込まれているように見えますが、レイアウトが反応しないようです。

とにかく、CMSを使用していますか？

また、学習教材として、http: //themble.com/bones/ を確認することをお勧めします。これはワードプレスのテーマですが、スタイルシートは何が機能するかについて非常によく説明されています。それにもかかわらず、CSS を作成するときに多くの時間を節約できるので、習得することをお勧めする SASS または LessCSS (CSS プリプロセッサ) を使用します。まったく難しくありません。LessCss は約 2 時間で学習できましたhttp://lesscss.org/。

于 2013-04-14T00:13:59.043 に答える