問題タブ [liquid-layout]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Liquid テキストフィールドの幅
私はこのかなり単純なフォームを持っています:
フォームは固定幅の div (ems で指定) 内にあります。
テキストフィールドとボタンを 1 行にしたいのですが、size属性を指定してもテキストフィールドの幅がブラウザ間で一致しません。正確な幅を指定したくない (特にボタンの場合) テキストフィールドに流動的な幅を与えることができるかどうか疑問に思っていましたか? テキストフィールドとボタンの両方が 1 行に収まるように、テキストフィールドを引き延ばしたいと考えています。
css - キャプションオーバーレイを使用して、中央に配置された液体の画像を作成する方法は?
CSS を使用して、キャプション オーバーレイを中央に配置した画像を表示しようとしています。また、ブラウザー ウィンドウが小さすぎる (縮小して収まらない) 場合はリキッド機能を使用します。
私の現在の最善の試みは、次の HTML のようになります (サンプル画像として Google のロゴを使用)
次のCSSで
ただし、大きなブラウザ ウィンドウに合わせて中央に配置したい場合は、小さなブラウザ ウィンドウでは縮小しません... また、IE のサポートは必要ありません。WebKit 固有 (iPhone/Android) で十分です。 、可能であれば JavaScript は避けたいと考えています。
バージョンhttp://jsfiddle.net/kWH3C/1/ですぐに遊べる JSFiddle
html - 垂直DIV液体レイアウトの問題
次のHTML/CSSを考えると、＃content DIVのコンテンツとともに成長する垂直の「液体」DIV（＃ribbon1および＃ribbon2）を実装する最も簡単な方法は何ですか？
絶対位置にある子DIVでは、親DIVが一緒に成長することはできないことを読みました。また、動的にサイズを変更するJSを作成することは避けたいと思います。どんな助けでもいただければ幸いです！
c# - WPFのリキッドレイアウト?
LiquidレイアウトはWPFで実行可能ですか? Liquid レイアウトを作成する際に対処する必要がある懸念や質問はありますか?
Liquid レイアウトは、テキストのフォント サイズを調整し、小さい場合と大きい場合に画像の幅も調整しますか?
html - 2つの液体カラムを備えたテーブルレスレイアウト（液体-固定-液体）
したがって、私が作業しているこのWebアプリケーションには、ウィンドウの高さ全体に拡張する3つの垂直列と、div幅全体に拡張するフッターがあります。レイアウトは次のようになります。
ここで+、は液体カラム、|は固定カラム、および-フッターを意味します。
jQueryを使用していくつかの調整を行い、絶対配置と相対配置を使用して要素の配置を行いました。しかし、CSS3だけでこれを行う方法があるかどうか知りたいです。
ありがとう！
internationalization - ロケールに応じてJekyllに異なるファイルを含める
最初のJekyllWebサイトを作成しようとしていますが、i18nパーツの設計で問題が発生しています。
異なる記事は言語ごとに完全に書き直されるので、それぞれが異なる投稿になります。ここでは問題ありません。私は実際に私のレイアウト/インクルードのテキストにもっと問題があります。
通常、メニューについては、次のようなことを考えていました。
ここで提案されているように。しかし、これは私に次のエラーを与えます：
インクルードファイル'menu_location'が_includesディレクトリに見つかりません
インクルードタグに変数を使用することは可能ですか？私がこれをどのように行うことができるか他に何か考えがありますか？
ありがとう ！
PS：今のところ3つの言語しか考えていなくても、if / elseif / else構文では実行しません;）
html - 中間要素の流体の高さ
divの高さは100pxに設定されており、overflow: hidden100pxを超えるコンテンツを非表示にしています。私がやりたいのは、<ul>要素を流動的にすることです。これにより、親divの高さに関係なく、<h2>要素は上部に.controlpanel留まり、divは下部に留まり、<ul>要素はそれに合わせてサイズ変更されます。高さのパーセンテージを使用してみましたが、正確にすることは可能です。
css - さまざまなサイズや解像度の画面でサイトが表示される方法を修正するにはどうすればよいですか?
http://www.taramenconi.byethost11.com/で私のサイトを見ることができます。1024 x 768 用に設計しました。また、一部の画面では大きく引き伸ばされているように見えることにも気付きました...大きなブラウザーを埋めるために意図的に背景を作成しましたが、コンテンツ領域は同じサイズのままにしたいと考えています。どうすれば修正できますか？
これが私のcssです：
css - リキッドレイアウトと固定レイアウト：どちらを選択しますか？
この質問では、それは最も賛成の答えで言われています：
液体レイアウトを使用する
なぜこれが良い習慣と見なされるのですか？私の意見では、リキッドレイアウトはウィンドウサイズごとにかなり異なる可能性があるため、サイズを変更するのは難しいと思います...余分な複雑さはそれだけの価値がありますか？選択するために何を考慮に入れる必要がありますか？