简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Web サイトがさまざまな画面サイズで完璧に表示されるようにするにはどうすればよいですか?
P粉006540600
P粉006540600 2023-08-27 08:55:57
0
2
458

私は TailwindCSS を理解しようとしており、現在 レスポンシブな従業員カードを作成しようとしています。しかし、私が最近遭遇した問題は、カードが Tailwind のすべてのブレークポイントで応答するが、高さが 900 の場合にのみ応答するということです。 高さを増やすと常に下部のスペースが増え、ウィンドウの高さを縮小するとコンテンツがオーバーフローします。

すべての高さと幅に適合させるにはどうすればよいですか?

[高さが 900 で、Tailwind ブレークポイントの幅以内の場合にのみ完全に動作します

これはライブ プレビューです

これは Github リポジトリコード

です。

コード -

 
 
 
これがカードのタイトルです
 
 
 1988 年 5 月 14 日 
 
 
 
これは、この従業員に関する短いコメントです。 
 
 
  
 
  
Mohammad Mustak
 
Web 開発者

P粉006540600
P粉006540600

全員に返信 (2)
P粉680087550
P粉6800875502023-08-28 00:56:46 2棟

次のコードを使用して、width、height、paddingなどを宣言します。

ビューポートユニット

  • vw
  • vh
  • vmin
  • vmax
その後、必要に応じて:

小さなビューポート ユニット

  • svw
  • svh

ラージビューポートユニット

  • lvw
  • lvh

ダイナミック ビューポート ユニット

  • dvw
  • dvh
＃＃＃ 参考文献： ＃＃＃

MDN の相対長さの単位
いいねを押す+0
返信を追加
    P粉098417223
    P粉0984172232023-08-28 00:42:05 1棟

    main-containerの問題を解決するには、minimum heightを使用します。リーリー

    いいねを押す+0
    返信を追加
      人気のトピック
      詳細>
      人気の記事
      人気のチュートリアル
      詳細>
      関連するチュートリアル
      人気のおすすめ
      最新のコース
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！