問題タブ [adaptive-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.

0 投票する
2 に答える
218 参照

css - アダプティブ デザインでリスト アイテムを水平方向に配置する

JSFiddleを参照してください。

これは、コードに「vw」パラメーターを使用した適応設計です。Text_1 、Text_2、およびText_3を水平方向に配置します。つまり、ブラウザーのウィンドウ サイズを変更すると、画面の左側からテキストの先頭までの距離が、これら 3 つの単語で同じになります。現在のコードでは、(「margin」プロパティを使用して) それらを揃えていますが、ブラウザーのウィンドウ サイズが変更されるとすぐに、Text_2 と Text_3 は Text_1 に対して相対的に移動します (ウィンドウ サイズが縮小すると右に、拡大すると左に)。コードの何が間違っていますか?