2012-03-24 7 views
0

私は最近、ウェブサイトを作成しました。私は、幅を%に変更することでサイトを流動的に調整しようとしましたが、レイアウトが崩れてしまいました。流体レイアウト保存レイアウト

誰もが、それは明らかだ親切モバイルデバイスと標準画面の両方のサイトを見てみることであるならば、私は私が解決しようとしている二つの異なる問題を抱えて:

1)ナビゲーションを - 私がしなければなりませんモバイル上でのナビゲーションを維持するためには、2倍の高さで表示され、幅は画面に合わせて調整されません。

2)html docの内容は、段落と画像要素が右に浮かぶ2つの要素を持つホルダーdivです。モバイルでは、余白や余白がないように見えます。エッジがカットされているような感じです。基本的にレイアウトは携帯電話でうんざりしていて、どこから始めるべきかわかりません。

+0

あなたの携帯デバイスは何ですか?私はAndroid上でDolphin BrowserとOperaをチェックしました。最初の1ページはかなり見栄えが良いです(バックグラウンドのわずかな問題ですが、画面のアスペクト比が原因です)。 2番目のアニメーションギャラリースクリプトでは、いくつかの混乱の原因で読み込めませんが、残りはそれほど悪くありません。 とにかく、携帯端末用に別のCSSをお勧めします。 – DzikiMarian

+0

ありがとうございます。私はiPhoneとipadのサイトを見ていた。それでも、一部のコードはすべてのブラウザで動作しませんが、すべてのブラウザで動作しないことがわかっているhtml5とcss3の機能を使用しようとしました。私はまた、私が明らかであると思われる初心者です。はい、私はおそらく近い将来モバイル向けの別のスタイルシートを作成するでしょうが、その間に小さな画面にデザインが表示されるように心がけてください –

答えて

0

モバイルでこのサイトのためにseprate cssを作成しますが、それは良いテクニックではありません。あなたはurサイト用にhtml5流体テンプレートを使用しなければなりません。 1つのCSSとそれからモバイルやコンピュータやタブレットと互換性があります

関連する問題