に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

html5 - 画像のアスペクト比を携帯端末の現在の画面の全画面サイズに正確に合わせるにはどうすればよいですか?

1. 携帯端末で画像のアスペクト比を携帯電話の全画面サイズに調整するにはどうすればよいですか? 幅が 100% の場合は高さも適応する必要があり、高さが 100% の場合は幅も適応する必要があります。このようにすると、画像が現在の画面を超えてスクロールバーが表示される場合があります。スライドして表示しないと空白ができてしまいます...

世界只因有你 2017-05-16 13:25:15

Web サイトがさまざまな画面サイズで完璧に表示されるようにするにはどうすればよいですか?

私は TailwindCSS を理解しようとしており、現在レスポンシブな従業員カードを作成しようとしています。しかし、私が最近抱えている問題は、Tailwind のすべてのブレークポイントでカードが応答するが、高さが 900 の場合のみであることです。高さを増やすと常に下部のスペースが増え、ウィンドウの高さを縮小するとコンテンツがオーバーフローします。すべての高さと幅に適合させるにはどうすればよいですか? [高さが 900 で、Tailwind ブレークポイントの幅以内の場合にのみ完全に動作します] ライブプレビューは次のとおりです GithubRepo-Code コードは次のとおりです -...

P粉006540600 2023-08-27 08:55:57

JavaScript - CSS カルーセルチャートがレイアウトの問題に適応する

カルーセルレイアウトと同様に、外側の青いコンテナは幅が設定されておらず、100% 適応されます。各サブコンテナの幅は親コンテナの幅と等しく、行に表示されます。親を超えた部分は、要素が非表示になっていますが、jsを使わずに特定の環境下で実現できますか？

给我你的怀抱 2017-06-13 09:23:41

可変数の列の幅が不明です

いくつかの項目を列に配置したいと考えています。アイテムの幅や高さ、コンテナの幅や高さを予測することはできません。また、収まる列の数や列の幅をどれくらいにすべきか予測することもできません。ブラウザーには、コンテナーの高さを最小限に抑えながら、コンテナーの幅を超えずに最大数の列に項目を配置するようにしたいと考えています。これで問題は解決しましたが、もっと良い方法はないでしょうか?これはjQueryを使わずに実現できるのでしょうか？古いブラウザでも適切に表示できるようにすることはできますか (列ではなく行に配置するなど)。 <スタイル>

P粉441076405 2023-08-20 21:40:19

フレックスボックスを使用してこのレスポンシブレイアウトを実装する方法

Flex コンテナ内に xy 個のカードと 1 つのウィジェットをレンダリングする React アプリを作成しています。すべてのカードの幅と高さは同じですが、ウィジェットの高さはカードの高さ * 2 + 行ギャップに等しくなります。コンテナの幅はビューポートの幅に応じて変化し、視覚的にはそれぞれカードが 2 列または 3 列に見えるはずです。さらにわかりやすくするために、ウィジェットを青で表した、必要なレイアウトのモックアップ画像を提供しました。何を試しても、行の高さをそのサイズに変更せずにウィジェットを正しい位置に表示することはできず、「空」のままになります。

P粉733166744 2024-02-26 19:29:01

APP の適応を支援するフロントエンド UNIAPP を見つけてください。長沙の地元に長く協力できる人がいるのが最善です。

APP の適応を支援するフロントエンド UNIAPP を見つけます。長沙のローカルにあることが最適です。長期的な協力に使用できます。現在、プロジェクトまたはパートタイム単位でのみ請求できます。現在のタスクは次のとおりです。フロントエンドと小さなプログラムを適応させて最適化するには、長沙在住の vx:crw689 に連絡するのが最善です。

@A~旺仔 2022-04-11 12:27:02

html5 - 携帯電話対応画像の高さ rem はどのように計算されますか?

モバイル Web ページのレイアウトは 2 リットルで、全幅 {code...} レムを占める 1 行は、HTML のフォントサイズに応じて自動的に変更されます。この li の最初の幅と高さの値を計算するにはどうすればよいですか?

怪我咯 2017-06-22 11:53:24

複数のSVGファイルを同じ比率で拡大する

私には 100 近くの SVG ファイルのコレクションがあり、すべて美しく手作業でコーディングされており、それぞれの viewBox、幅、高さが慎重に指定されています。これらの SVG ファイルは、幅、高さ、アスペクト比が異なります。厄介な問題があります。私はそれらの相対的なサイズを気にしており、保存したいと考えています。 HTML ページでは、「自然な」サイズ、つまり幅と高さで指定されたサイズで表示したいと考えています。非常にシンプルです: <imgsrc="….svg">。 CSS で {object-fit:n を指定する必要があるかもしれません。

P粉244730625 2024-01-10 17:27:19

タイトルは次のように書き換えられます: Vue.js 3 と Tailwind CSS の RatingBar コンポーネントの動的幅レンダリングの問題を解決する

Vue.js3 と TailwindCSS を使用しています。 RatingBar というコンポーネントがあり、親要素のクラスに動的な幅の値を適用しようとしています。ただし、DevTools では予想される幅が表示されますが、レンダリングは 100% です。これは RatingBar.vue コンポーネントのコードです: <template><divclass="my-2gridgrid-cols-3items-center"&g

P粉803527801 2023-09-01 10:19:15

GPU サーバーはどのように選択すればよいですか?

現在、GPU サーバーは主に科学計算やビデオのエンコードとデコードなどのさまざまなシナリオで使用されています。アプリケーションに並外れた加速コンピューティング機能を提供し、アプリケーションのコンピューティング集中型のワークロードを GPU にオフロードできます。ユーザーの観点から見ると、アプリケーションは大幅に高速に実行されます。その高速かつ安定したコンピューティング能力はユーザーに高く評価されています。ユーザーが GPU サーバーを選択するときは、まずビジネスニーズを考慮し、適切な GPU モデルを一致させる必要があります。たとえば、HPC ハイパフォーマンスコンピューティングでは、精度...

七秒 2021-10-25 12:24:31

満足のいくWebデザインを作成する方法

自分のデザインを表示することはできません。リデザインして作りたいと思っています。 Web デザインの作成は多面的なプロセスであり、美しさ、機能性、ユーザーエクスペリエンスをシームレスに融合させる必要があります。それは、Web サイトの目的、対象ユーザー、ブランドを深く理解することから始まります。適切にデザインされた Web ページには、コンテンツの本質を捉えるだけでなく、ナビゲーションのしやすさを保証する、視覚的に魅力的なレイアウトが必要です。色の組み合わせ、フォント、画像の選択は、適切なメッセージを伝え、強力な視覚的アイデンティティを確立する上で重要な役割を果たします。レスポンシブデザイン...

P粉908643611 2023-08-10 17:09:33

Psuedo 要素の CSS ホバー効果を使用してメイン要素をオーバーラップする

基本的に、ホバーしたときの効果は次のようになります。私の Web サイトのコードは次のとおりです。無視してください。重要: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!重要;幅:120px!重要;高さ:50px!重要;表示:インラインフレックス!重要;justify-cont

P粉838563523 2024-03-20 10:31:28

CSS: 列: 3 を使用して 2 列に 4 つの項目をレンダリングする

同じ幅で異なる高さのアイテムをレンダリングするために 3 列の石積みレイアウトを作成したいのですが、以下のコードを試してみると 3 列目が空になっており、少し奇妙に見えます。なんとか直せるでしょうか？このコードを試してみましたが、最初の列に 2 つの項目、2 番目と 3 番目の列に 1 つの項目を入れたいと考えています。同じ高さのアイテムが 4 つあるということは、特定のケースにすぎないことに注意してください。最終的には、アイテムの数と各アイテムの高さはわかりません。 .container{列数:3;背景色:#

P粉300541798 2023-09-08 19:54:21

flex css - 折り返すのではなく、特定の高さの後の要素をクリップします

境界線は静的な高さと幅を表します。図のように 3 回折り返すのではなく、項目 5 と 6 を 2 行目に残し、項目 3 と 6 を切り取りたいと思います。 Flex でこれを実現するにはどうすればよいですか?この問題を補うために、コンテナー (境界線で表示される) の幅をユーザーのアクションによってサイズ変更できます。広いときは。たとえば、4 つの要素を保持できる幅がある場合、4 つの要素すべてが 1 行目に表示され、残りの要素が 2 行目に表示されます。コンテナーの幅を折りたたむときは、以下の画像に示すように最大 2 行になるようにします。結果を次のようにしたいので、

P粉785957729 2024-04-01 14:02:02

nginx から静的リソースをリクエストする場合、nginx は処理のためにそれを php-fpm に送信しますか?

たとえば、txt、img、css、js などの静的リソースをリクエストする場合です。 nginx は引き続きこのリクエストを php-fpm に渡して処理しますか?要求されたリソース URL は Web サイトのルートディレクトリと 1 対 1 に対応しており、書き換えなどは行われないことに注意してください。もしそうなら、それを最適化する方法を教えてください。私の印象は...

过去多啦不再A梦 2017-05-16 17:25:01

vim 設定ファイルの設定方法を体系的に学ぶにはどうすればよいですか?

vim を学習し、vim を自分のプログラミング習慣に適応させ、構成ファイル (.vimrc) を作成することが不可欠です。しかし、長い間苦労した後、体系的な文法のチュートリアルが見つからないことがわかりました。検索しても、その理由がわかりませんでした。それで、vim のコピーが必要になります...

迷茫 2017-05-16 16:36:43

CSS グリッドレイアウト正方形のセル

CSSGrid-Layoutをベースとしてダッシュボード風のビューを作成したいと考えています。画面の全長に 16 列を配置したいと考えています (応答性があるはずです)。セルを正方形にするには、セルの高さをセルの幅によって決定する必要があります。問題は、一部のセルを複数のセルにまたがりたいことです。たとえば、2x1 セルを占める要素が必要です。基本的なグリッドレイアウトがあります: .grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32

画面上で何も中央揃えにできません

CSS を使用して HTML 上に応答性の高いナビゲーションバーを作成する方法に関する YouTube チュートリアルに従っています。画面の中央にテキストを追加しようとすると、テキストが画面の左側に表示されるまではすべてうまくいきます (ウィンドウの解像度は幅 952 ピクセルよりも高いです)。私は CSS を初めて使用するので、修正しようとしてもうまくいかないようです。コードは次のとおりです。 *{padding:0;margin:0;text-decoration:none;list-style:none;box-sizing:border-box;

P粉136356287 2024-04-01 11:51:40

javascript - 親は相対位置を設定します。子要素は絶対配置に設定されます。子要素にはフローティングテーブルが含まれており、現時点では高さを調整できません。

1. テーブルにカルーセルを実装するため、float を使用しますが、各テーブルの tr は異なります。テーブルによって高さが変わります。親は overflow:hidden を使用し、相対的に配置されます。高い適応力を実現する方法を教えてください。 2. カルーセル中に現在表示されているテーブルの高さを取得するにはどうすればよいですか? ? ? {...

仅有的幸福 2017-07-05 10:48:58

レスポンシブブロックをフレックス列に配置する

ヘッダー、ボード、フッターのあるゲーム Web サイトを持っています。 3 つすべてがビューポート内に収まるようにする必要があります。これを実現するには基板を小さくする必要があります。縮小化が私が抱えている問題です。幅を応答させることはできましたが、高さを制限することはできませんでした。ボードは正方形のままで未使用のスペースを占めるか、オーバーフローを防ぐために縮小する必要があります。以下のようなことをしているのですが、チェス盤が親の高さからはみ出してしまいます。実際のコードでは、行の折り返しによりヘッダーの高さは不明です。フッターにはさまざまな量のテキストが含まれます。チェス盤の内部には、行...

P粉545682500 2023-09-03 19:51:51