提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

P粉214089349 2023-09-10 21:04:02

取得瀏覽器視窗尺寸的方法

我想讓我的訪客能夠看到高品質的圖像，有什麼方法可以檢測視窗大小嗎？或者更好的是，使用JavaScript的瀏覽器的視窗大小？請參閱此處的綠色區域：

P粉237029457 2023-08-28 11:06:30

If/Else if/Else 語句的三元運算符

我正在嘗試在Reactjs中做一些條件樣式。反應非常新，所以可能有更好的方法來做到這一點，但在網路上搜尋無濟於事。我正在嘗試根據所述螢幕尺寸檢查螢幕尺寸和样式。在這個用例中，我想根據螢幕尺寸將一些文字居中。有人可以告訴我是否有更好的方法來做到這一點？目前這對我不起作用。編輯：在那裡放置了一些日誌，它所做的正是當頁面加載時“textAlign”根本不應用於元素，即使螢幕尺寸是>993px。一

P粉320361201 2024-03-28 19:15:53

在手機尺寸畫面上，如何將段落向左移動的CSS和HTML方法

在正常的16:9電腦螢幕上看起來很完美，文字在左邊，圖片在右邊。但是，當涉及到較小的螢幕（例如手機尺寸的螢幕）時，它確實會像我想要的那樣在段落頂部顯示圖片。我對此很陌生，所以請幫忙。這是我的媒體檔案@media(max-width:700px){.project1-img{flex-basis:10%;width:350px;margin:20px;}.project-one{float:righ

P粉043470158 2024-04-04 20:25:22

angular.js - highchart/ng-grid怎麼主動調用resize

我在使用angular-ui的tabset中放置了highcharts和ng-grid 主動resize視窗以後highcharts和ng-grid的尺寸都能resize，怎麼在點tab的時候主動調用highcharts和ng-grid的resize方法？

漂亮男人 2017-05-15 16:53:42

javascript - 手機端小遊戲開發頁面全螢幕顯示問題

開發一個簡單的小遊戲，設計圖給的尺寸是640*1136，做了rem適配後在有些高度小的手機無法顯示全部內容，遊戲也不能用捲軸，應該怎麼處理啊？謝謝

迷茫 2017-05-31 10:41:37

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

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

PHP中文网 2017-05-19 10:47:12

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

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

高洛峰 2017-05-16 13:27:52

如何使用 Bootstrap Grid 系統修復大螢幕上圖片和進度條之間的空白？

先給大家展示一下這張圖的想法：圖(1)在這張圖中我們看到，在md/lg螢幕中，進度條位於圖片下方，文字位於其右側。在圖片(2)中，在小螢幕尺寸下，文字排在第二位，進度條排在最後：我試圖做的是這段程式碼：<!DOCTYPEhtml><htmllang="fr"><head>< metacharset="UTF-8">

P粉409742142 2023-09-14 10:56:03

製作可自適應螢幕大小的按鈕-背景圖像的用法詳解

我正在開發一個需要多個圖形並排顯示並且能夠根據設備螢幕大小自適應的pfsensecaptiveportal。使用影像輸入類型可以很好地實現這一點。然而，pfsense設備無法正確識別此提交。它需要一種帶有值為“Continue”的提交類型才能工作。我嘗試使用背景圖像來替代，但是背景圖像無法縮放。隨著螢幕變小，它會顯示為全尺寸並被裁剪。我該如何使背景圖像自適應大小？ #content{font-fam

P粉345302753 2023-08-16 13:38:12

將疊加圖像保持在圖像邊界內 - 限制它僅粘附在圖像上

我正在嘗試在圖像上放置一個覆蓋層，但是這個覆蓋層延伸到了頂部的功能表列上，我不知道如何只將其貼在圖像上。我嘗試了不同的調整圖像和更改位置的方法，但它仍然延伸到功能表列。當我調整頂部位置時，對於全螢幕來說是一個小修復，但一旦在行動裝置上，由於選單被隱藏，它將無法工作。而且，當尺寸改變時，它會在圖像下方流動。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13

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

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

P粉978742405 2024-02-17 12:27:00

使用mPdf縮放SVG路徑並轉換

你好，我在SVG方面遇到了問題。首先，我將SVG放入HTML中，透過輸入類型為radio的方式，使用者可以縮放此SVG（透過新增具有百分比值的寬度樣式屬性）。但是當我將其發送給mpdf（SVGs在JSON中）時，它不起作用。然後我嘗試在pdf上計算大小，但我無法適應此SVG的viewbox/size。所以我得到的SVG如下：我想在pdf上渲染它，但尺寸不同。 functiongetPrintSize(

P粉287726308 2023-08-16 17:57:54

父級的填充被黏性定位的子級忽略

如何防止黏性元素進入標題後面？當前程式碼片段在父級上使用填充頂部，我也嘗試在額外的子級上使用margin-top或透明50px邊框，但它似乎不起作用。我知道在這種情況下我可以輕鬆地在黏性標籤上使用top:50px;但我想將這部分整合到React元件中，並且使用特定的大小使得組合不同的元件變得更加困難，因為它們都必須共享頂部尺寸。如何使標題/填充變得“實心”並使便籤無法通過？ body{backgrou

P粉182218860 2024-04-06 11:42:51

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

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

P粉184747536 2024-03-26 21:34:28

TypeError：無法使用 ThreeJs 讀取未定義的屬性（讀取「位置」）

我正在嘗試將3D模型整合到我網站的英雄部分的背景中。它有效，只是當我手動更改視窗大小時，3D模型不適應新大小。可能與第一個問題相關的另一個問題是我在控制台中收到此錯誤訊息，它引用了“two.js”檔案中程式碼的第69行：在控制台中我收到此錯誤訊息：我的首要任務是解決3D模型不適應螢幕尺寸的問題。至於錯誤訊息，如果它仍然有效就不太重要了。但理想情況下，兩個人就能解決這兩個問題。你有什麼想法嗎？ impo

P粉760675452 2024-04-01 12:01:52

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

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

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

java - springboot新手學習

各位大神們有沒有系統的學習springboot的資料和代碼可以推薦一下和給一下連結嗎？在GitHub上和百度上的學習資料特別零散謝謝啦~~

天蓬老师 2017-04-18 10:53:17

spring - JavaWeb中 Service 層的事務問題

下面是我的Spring配置透過上面的配置可以看出我是在所有的service中加入的事物，也就是說我的service出錯了會回滾所有的提交。那如果遇到Aservice呼叫Bservice的方法，然後Bservice呼叫了Cservice層的方法，A-...

PHP中文网 2017-04-18 10:53:17

java - wait()，notify(),notifyAll() T2 start! T2 end! T1 start! 為什麼會阻塞

{代碼...}

PHP中文网 2017-04-18 10:53:24