問題タブ [responsive]

2つのdivがあります。1つはページの左側に、もう1つはページの右側にあります。左側は幅が固定されており、右側は残りのスペースを埋めてほしいです。

内容はどうでもいい。

これを行うことは可能ですか？

携帯電話向けのサイトを開発しようとしています。
現時点では、iPhone、Android HTC Desire、および N95 で動作するようです。

LG Renoir で試してみると、画面の幅に合わせてページが表示されるのではなく、少なくとも 2 倍の幅でページが表示されます。つまり、左右にスクロールできます。

どうすればそれを止めることができますか?

これは、FF、IE、およびSafariで正常に動作するextjsシングルページアプリケーションです。

iPhoneでこのextjsアプリを表示または使用するには、いくつかの問題があります。extjsパネル/ウィンドウは、通常の画面のようにサイズ変更されません。ユーザーがズームアウトすると、拡大している表示領域が空白になります。画像の例を以下に示します。

• Iphoneはextjsのコンボボックスを認識しません。
• 下にスクロールできません。

ビューポートの問題：主な問題はビューポートにあります。iPhoneでは正しくスクロールまたはズームされません。

私はモバイルサイトのデザインへの最初の進出に着手しています-モバイルユーザーを別のURLにリダイレクトする方法を設定しましたが、今度はサイトのモバイルバージョンをデザインする必要があります（Android / iPhoneなどのスマートフォンをターゲットにしています） 。これをどの次元に作成する必要がありますか？モバイルブラウザにコンテンツを縮小させる方法はありますか？（現在、私のサイトはモバイルウィンドウ内で非常に大きく表示されているため、すべてを表示するには水平方向と垂直方向にスクロールする必要があります）。

モバイルプラットフォームで表示できるようにする必要があるページを開発しています。このための標準となる解像度はどれですか？私はノルウェーに住んでいて、ここでは主にiPhoneとHTC電話が市場に出回っています。

何か案は？

私は小さなWebサイトを作成していて、CSSは非常に初めてですが、Webページのサイズを変更するたびに、表示されている画面のサイズに対して何も処理されません。たとえば、右側にテキストがあります。右側のテキストを最大化してブラウザのサイズを大きくすると、右側のテキストはそのまま残り、ブラウザの中央に表示されます。

私の画像の1つは、ブラウザの隅をドラッグしてWebページのサイズを拡大および縮小して移動しています。ハイパーリンクリスト、テキストボックス、または一般的なテキストのその画像に同じCSSコードを使用していますが、まったく機能しません。

私は高低を調査しました、私はそれにいくつかのものを見つけました、しかし何もうまくいかないようです。私はとてもイライラしていて、私のサイトもローカルなので、リンクを共有することさえできません。誰かが私が何を意味するのか理解していないなら、私は再説明しようとしますそれは問題を説明するのは非常に難しいです。

画像で機能するコード：

また、ハイパーリンクを左上に移動したいのですが、違いが生じてHTMLコードに触れることができず、CSSだけに触れる場合は、ハイパーリンクを自動割り当てしないでください。（私はすでに行われたウェブページの画像を複製できるかどうかを確認するためにCSSテストを行っています。私は大学/大学でのコースワークまたはテストの一部としてこれを行っていません。私は学生ですが私はソフトウェアエンジニアとしての就職活動中です。これは私が自己学習するためのパートタイムの宿題です）。

私は現在、会社のモバイルランディングページに取り組んでいます。これは本当に基本的なレイアウトですが、ヘッダーの下には常に100％の幅になる製品の画像があります（デザインは常に端から端まで行くことを示しています）。画面の幅に応じて、画像の高さは明らかにそれに応じて調整されます。私はもともとimg（CSS幅100％）でこれを行いましたが、うまく機能しましたが、メディアクエリを使用して、さまざまな解像度に基づいてさまざまな画像を提供したいと考えています。たとえば、同じ画像の大きなバージョン。CSSでimgsrcを変更できないことはわかっているので、HTMLのimgタグではなく、画像にCSSの背景を使用する必要があると考えました。

背景画像を含むdivは、背景を表示するために幅と高さの両方を必要とするため、これを正しく機能させることができないようです。明らかに「幅：100％」を使用できますが、高さには何を使用しますか？150pxのようなランダムな固定高さを設定すると、画像の上部150pxが表示されますが、固定高さがないため、これは解決策ではありません。私は遊びをして、高さがあれば（150pxでテスト）、「background-size：100％」を使用して画像をdivに正しく合わせることができることを発見しました。このプロジェクトでは、モバイルのみを対象としているため、最新のCSS3を使用できます。

以下に大まかな例を追加しました。インラインスタイルを失礼しますが、質問をもう少し明確にするための基本的な例を示したいと思います。

コンテナdivにページ全体に基づいてパーセンテージの高さを指定する必要があるのでしょうか、それともこれを完全に間違って見ているのでしょうか。

また、CSSの背景がこれを行うための最良の方法だと思いますか？たぶん、デバイス/画面の幅に基づいて異なるimgタグを提供する手法があります。一般的な考え方は、ランディングページテンプレートはさまざまな商品画像で何度も使用されるため、これを可能な限り最善の方法で開発する必要があります。

申し訳ありませんが、これは少し時間がかかりますが、このプロジェクトから次のプロジェクトに行ったり来たりしているので、この小さなことをやり遂げたいと思います。よろしくお願いします。よろしく

テーブルを含む背景を持つ div があります。テーブルが長いよりも狭い場合を除いて、divの幅を100％にしたい。私はこのようなことができます：

幅が 900px のテーブルには最適ですが、それよりも狭い場合は不要なスクロールバーが表示され、それよりも広い場合はコンテンツに到達できなくなります。明らかに、これは JavaScript で簡単に解決できますが、CSS のみの解決策があるかどうかを知りたいので、私のアプリケーションはそれほど JS に重きを置いていません。

何が起こっているかのビジュアルについては、こちらを参照してください。私が望むのは、テーブル内のテキストがオーバーフローしたときに、緑の背景がビューポートをオーバーフローすることです。