我無法使用 TailwindCSS 將影像連續設定為相同大小

我正在使用TailwindCSS來建立我的頁面設計。我無法將組件和圖像設定為相同的大小。我已經嘗試了一些與flex、wrap的組合，改變div或圖像的寬度，但找不到解決方案。我想要的結果是每部電影包含相同大小的包含圖像的矩形，相同大小的圖像，其名稱如下。而且，對於溢出，我希望能夠在x尺度上滾動它們，但不能在y尺度上滾動。我設法做到了，但我需要保留它並且也有合適的尺寸。我希望圖像像這樣顯示：（htt

P粉978742405 2024-02-17 12:27:00 0  1  422

javascript - 對於Web端有什麼好的獲取客戶端相機畫面並顯示方案

如題，有沒有什麼好的在Web端進行取得客戶端的攝影機畫面的元件，之前使用過Jquery.Webcam以及photobooth。 Jquery.Webcam是透過Flash來取得的，但是尺寸有限，一被方法就和打了馬賽克一樣。 photobooth是透過HTMl...

PHP中文网 2017-05-19 10:47:12 0  1  628

html5 - css製作物流訂單列印版

如何列印這樣的物流訂單？如果我按照物流提供的尺寸的話，上半部還可以製作，但是下面文字比較多的地方就無法正常顯示了。這樣的物流訂單是軟體自動產生的嗎？

高洛峰 2017-05-16 13:27:52 0  1  694

javascript - 如何為大量的sprite添加碰撞檢測框?

我有一張精靈表，裡面的每幀都有不同的尺寸，如下圖： 現在我想為它們添加碰撞檢測框，但圖片較多，而且碰撞的位置不限於圖片邊框，請問這種情況如何添加檢測框，是否需要給每個幀依需求添加？完成完成後又如何取得...

phpcn_u1582 2017-05-31 10:39:16 0  1  670

如何適應 api 呼叫中的圖像？

我第一次在這裡發布任何內容，如果我遺漏了什麼，請告訴我！好的，所以我的問題是類別頁面中的圖像彼此不適合併且不再對齊。這是在我學習了一點JavaScript並從API呼叫中獲取圖像之後發生的。現在它們看起來不再那麼好......尤其是在移動視圖中。我怎樣才能使它們的尺寸相同？順便說一句，我完全是個菜鳥。這是我的頁面的連結：https://lovely-croissant-3cceca.netlif

P粉138871485 2023-09-05 13:36:09 0  1  441

如何將夸克（Quasar）Q卡從中心分離？

我試圖將上部盒子與中心分開，並使下部盒子中的項目均勻分佈。但是當我添加時，左側和右側邊箱尺寸不相等。下面是程式碼，如果你把它放在codepen中你會看到卡片沒有被平等地分開。我該如何解決這個問題？ <divid="q-app"><divclass="q-pa-md"><divclass="q-gutter-mdrowjus

P粉418351692 2024-01-02 23:57:57 0  1  1104

Bootstrap 登陸頁面佈局問題 - 容器無法正確適應螢幕尺寸

我目前正在使用Bootstrap建立登陸頁面進行練習。但是，我面臨佈局問題，容器不適合適當的螢幕尺寸。左右兩側不平衡，導致螢幕向左側傾斜。這是說明問題的螢幕截圖（連結）：文字我嘗試了各種方法，但未能解決問題。我懷疑這可能是Bootstrap中網格系統或容器設定的問題。有人可以指導我如何排查和修復此佈局問題嗎？任何建議或見解將不勝感激。此外，以下是一些相關的程式碼片段：<!DOCTYPEhtml

P粉214089349 2023-09-10 21:04:02 0  2  726

標題重寫為：在行動瀏覽器中，CSS3的100vh值並非固定不變的

我有一個非常奇怪的問題...在我遇到的每個瀏覽器和行動版本中，都出現了這種行為：加載頁面時，所有瀏覽器都有一個頂部選單（例如顯示網址列），當你開始滾動頁面時，它會向上滑動。有時，100vh只在視窗的可見部分上計算，所以當瀏覽器欄向上滑動時，100vh會增加（以像素為單位）所有佈局都會重新繪製和重新調整，因為尺寸已經改變對用戶體驗來說，效果不好如何避免這個問題？當我第一次聽到視口高度時，我很興奮，我

P粉682987577 2023-08-21 16:49:22 0  2  483

使用 Tailwind CSS 確保 CSS 網格中卡片的寬度和高度固定

我正在使用TailwindCSS和React來建立一個應用程序，在其中一個視圖中我有一個卡片網格。目前它看起來像這樣：如您所見，當我縮小視窗時，卡片會擠入其中。我想確保卡片大小（寬度和高度）始終保持不變，如果隨著視窗變小，卡片數量無法容納在一行中，它只會移動到下一行。類似於（由MS油漆製成）：即使螢幕變小，卡片的尺寸也保持固定（相同的寬高比）。這是我的程式碼目前的樣子：網格：<div&gt

P粉184747536 2024-03-26 21:34:28 0  1  411

如何創造出令人滿意的網頁設計

它無法展示我自己的設計。我想要創建一個重新設計。創建一個網頁設計是一個多方面的過程，需要將美學、功能和用戶體驗無縫地融合在一起。它始於對網站目的、目標受眾和品牌的深入理解。一個設計良好的網頁應該有一個視覺上吸引人的佈局，不僅能夠捕捉內容的精髓，而且確保易於導航。色彩搭配、字體和圖像的選擇在傳達正確訊息和建立強烈視覺識別方面起著至關重要的作用。響應式設計能夠在各種裝置和螢幕尺寸上都有良好的適應性，

P粉908643611 2023-08-10 17:09:33 0  1  518

尋找文本中的段落。

我正在嘗試在Django網站上使用JavaScript實作"編輯"按鈕。雖然我對JavaScript非常新手。在Django中，將文字拆分成段落非常容易，你只需要像這樣編碼{{text|linebreaks}}，Django會動態地添加標籤。為了讓過渡更平滑（在發送表單後），我需要使用JavaScript來更新頁面內容，而不是重新載入整個頁面。

P粉288069045 2023-07-28 13:08:03 0  1  582

Nuxt-link使用Bootstrap-vue刷新頁面的問題

我正在使用nuxt和bootstrap建立自訂懸停下拉選單以進行導航。我遇到的問題是我的導航子選單NuxtLinks正在刷新整個頁面，而不是平滑地更改Nuxt區塊中的應用程式內容。導覽列是在default.vue佈局中動態產生的，並使用b-dropdown-hover元件，其中NuxtLink包裹著該內容。為什麼頁面會對這些連結/錨點進行完全刷新，但我的b-navbar-brand圖像可以平滑過渡

P粉512729862 2023-12-07 08:58:02 0  1  707