2012-02-03 7 views
0

うーん..私はこれを記述するかどうかはわかりません。しかし、私はウェブサイトの向きは

をしようとしますので、あなたがiPadのを持っており、それが0度の位置にあると言う、あなたはその位置のためのあなたのウェブサイトのレイアウトを持っており、ユーザーは90度までのiPadを回転させるときに、それは向きを変えました。基本的には今、ウェブサイトのレイアウトも変更する必要があります。しかし、新しいレイアウトに合わせて調整する方法はわかりません。ウェブサイトのレイアウトなどの幅を再計算する必要がありますか?それとももっと良い方法がありますか?私はどんな提案も歓迎する。

+0

ブラウザはあなたのためにこれを行います。あなたのウェブサイトを複数の解像度で表示できるようにするだけで、実際の移行について心配する必要はありません。 –

+0

うーん...ここで私は に苦労していているもの縦向きでiPadは768×946で、風景の中に1024×690です。だから私は768pxに書き込むウェブサイトを持っていますが、それが風景のときには1024pxに伸びて、それは全く見栄えが悪いです。ウェブサイトがランドスケープのために構築されていて、それがポットの中にあるときに切り取られれば、さらに悪化します。 ベストプラクティスは何ですか?私たちはまず鉢植えのために建てますか?または最初に景色? – neb

+0

ああ...私はあなたの質問を誤解しているようです。ごめんなさい。しかしここの答えは良いです! –

答えて

1

私はこれに対処するためのお勧めの方法は、基本的にはあなたがないことを確認したくなるでしょうですresponsive web design

で見つかった技術を使用しています可能な限り固定サイズの要素(例えば、em、%など)を使用して、画面の向きとサイズを検出するためにmedia-queriesに沿ってください。

この概念は正しい道、幸運にあなたを取得する必要があります!

+0

クール。私はこれを見てみるつもりです。私はコーディング部分について心配していませんが、まず概念を見つけて把握しようとしています。ありがとう。 – neb

+0

私はそれほど多くのことを考え出したので、答えに実際のコードはありません。幸運とこれを最高の答えにする場合は、それを受け入れることを忘れないでください! :-) – Ryan

0

私はあなたがこのような何かを探していると思う:

<link rel="stylesheet" media="screen and (orientation:portrait)" href="portrait.css"> 
<link rel="stylesheet" media="screen and (orientation:landscape)" href="landscape.css"> 
+0

hmm ..私はこれをたくさん見ました。 potrait.cssには何を入れ、landscape.cssには何を入れますか?私は周りに再生することができます任意のコードサンプル?ありがとう。 – neb

+0

サイトに表示する幅に基づいてCSSを作成します。あなたは質問にはあまりにも一般的です。あなたはここで開始する場合があります(http://net.tutsplus.com/tutorials/html-css-techniques/responsive-web-design-a-visual-guide/)向きがページの後に変更された場合 – nikan

+0

は、この技術の作業を行いますロードされていますか? – ProgramCpp

関連する問題