提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

響應式 YouTube 嵌入 Flex 中

我嘗試在Flex容器中嵌入響應式YouTube以及其他一些內容，但YouTube嵌入的容器不會成長，因此要么重疊，要么被其他元素重疊。我不確定我是否解釋得很好，所以我還製作了一個代碼和盒子來演示：https://codesandbox.io/s/objective-mountain-m4dhhb?file=/src/App.jsimport{Box,Paper }from"@mui/mat

P粉111641966 2024-03-21 23:20:29

如何使頭部的圖片、文字和按鈕具有響應式

我正在使用Bootstrap5製作一個網站。在網站的標題中，我使用Bootstrap中的輪播作為我的標題。輪播圖像還允許顯示文字和按鈕。我希望圖像、文字和按鈕具有響應能力。我嘗試使用媒體查詢，但我不知道該怎麼做。測試.html<!doctypehtml><htmllang="en"><head><metacharset="ut

P粉604507867 2023-09-17 09:51:15

如何在 ionic Angular 和 ngfor 中製作響應式網格？

如何在ionicAngular和ngfor中製作響應式網格？就像這裡一樣在此輸入圖像描述我的網格模板：<ion-grid><ion-row><ion-col><ion-item*ngFor="letprodofdisplayedList"class="item-entry"detailrouterLink=&quot

P粉106715703 2023-09-14 22:57:49

響應式圖像和文字 Div 並排

所以我試著創建一個模板，其中一個div是圖片，另一個是帶有背景的文字。現在我想讓這個模板響應式，以便文字以特定的px寬度位於圖片下方。透過stackoverflow，我看到無數的帖子說你應該使用Flexbox。我嘗試過，但我無法完全正確。所以在桌面上它應該看起來像這樣：https://i.stack.imgur.com/HDehv.jpg在智慧型手機上它應該跳到這裡https://i.stack.im

P粉005134685 2024-04-02 08:59:38

無法使用 svg 影像建立響應式網格區域

當我嘗試建立一個包含svg圖像的響應式網格區域時，我遇到了奇怪的行為，例如任意網格區域寬度，以及無法讓圖像增大或縮小到某個點而不停止。我得到的最接近的是：*{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr;background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16

css3 - 圖文響應式樣式

把這個頁面做成PC桌面端響應式效果：一種方法是直接把圖片做成響應式，這種做法簡單，唯一的不好就是文字模糊，效果感覺不太完美；另一種方式是圖片+文字，這種做法文字大小需要自適應，文字位置關係更不容易做好...

習慣沉默 2017-05-16 13:20:57

JavaScript 未如預期運行

我試圖使htmlcssjs響應，但它不能按預期工作，當它最小化時，它已經響應了，但當onclick時它不起作用。導航和導航列不會出現並在單擊時消失。 html和css正在工作但js我不知道什麼是錯的還是錯的有人可以幫助我嗎？ letmenu=document.querySelector('#menu-icon');letnavbar=document.querySelector('.navbar');

P粉005134685 2024-04-04 13:05:32

html5 - 響應式WEB，媒體查詢的問題。

{程式碼...} 關於這兩個媒體查詢我想問一下如果一個裝置寬度剛好有768px，那麼它適用哪個媒體查詢，或者說第二個媒體查詢可以表示成（x>=768&&x<1200?? ?）。還有這兩個媒體查詢有無先後順序？

漂亮男人 2017-07-03 11:41:25

背景圖像上的響應式 PNG 圖像？

我正在嘗試製作這樣的頁面設計：點擊事實上，我成功了。問題是，當我更改網頁的解析度時，元素重疊，背景div和PNG的行為不同，一切看起來都很糟糕。（我嘗試過使用位置：絕對（PNG）和位置：相對（背景））

P粉107991030 2024-02-21 21:06:46

將響應式方塊放置在彈性列中

我有一個遊戲網站，其中有頁首、棋盤和頁尾。我需要將所有三個都安裝在視口內。棋盤應該縮小才能實現這一點。縮小是我遇到的問題。我已經能夠獲得寬度響應，但無法獲得限制性高度。棋盤應保持正方形並佔據未使用的空間或縮小以防止溢出。我正在按照以下方式做一些事情，但是棋盤最終會溢出父級的高度。在我的實際程式碼中，由於換行，標題的高度是未知的。頁腳有不同數量的文字。棋盤內部有一系列代表行的div和一系列代表棋盤各個

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

製作一個響應式的下拉式選單的方法

漢堡選單圖示應該在右側，圖片應該在左側。當我們點擊選單打開時，它應該會展開一個下拉選單，裡面應該會有logohomeAboutusgallerycontact。 <divclass="rectangle1"><ulclass="dropdown"><liclass="li1"><ahref="

P粉521013123 2023-09-04 15:47:42

設計具有圖片和內容的響應式頁面

我是前端新手，我在處理佈局和響應式方面遇到了一些問題。到目前為止，這是我的程式碼：body{margin:0;background-color:#353535;}.header{color:white;text-align:center;font-size:20px;margin:auto;font-family :'Inter',serif;font-weight:bold;width:700px;

P粉676588738 2023-09-07 15:55:30

css - 對於有背景圖片的的響應式佈局怎麼來寫

類似這種我現在要做一個component 有背景圖但是背景圖不能百分百大小然後中間還要有內容左邊圖片右邊文字如何來做響應式

怪我咯 2017-07-06 10:37:20

如何使用flexbox實現這種響應式佈局

我正在製作一個React應用程序，它在Flex容器內呈現xy數量的卡片和單個小部件。所有卡片具有相同的寬度和高度，但小部件的高度等於卡片高度*2+row-gap。容器的寬度會根據視口寬度而變化，並且在視覺上應分別看起來為帶有卡片的2或3列。為了進一步清晰起見，我提供了所需佈局的模型圖像，小部件以藍色表示。無論我嘗試什麼，如果不將行的高度更改為其大小，我都無法讓小部件顯示在正確的位置，從而留下一個“空

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

css - 現在各個瀏覽器的市佔率都是多少呀？

1.像ie6 ie7 ie8 啥的用的人還多不？？ 2.現在做前端網頁模版要考慮那幾個主要的瀏覽器呀？ 3.有必要直接做響應式網站模版嗎？其他不支援的直接提醒他升級瀏覽器？

我想大声告诉你 2017-07-03 11:42:41

javascript - 手機端開啟不同頁面時解析度不同

初學，沒用框架在嘗試自己做響應式的網頁。但是，在手機端出現了一個非常狗血的問題！打開兩個網頁，變成了兩個解析度！分別是：首頁，註冊頁。註冊頁和主頁nav和footer部分相同，所以在註冊頁的html中先引用...

PHP中文网 2017-05-16 13:21:30

在form/div標籤中動態新增表格

動態建立表出現在div標籤外部。我正在建立一個響應式註冊表單。輸入欄位取得使用者給定的表格所需的行數，並建立具有固定列數的所需行數。我創建了表格，但它沒有出現在我想要的位置。請大家給點建議。也可以幫助解決第一行中的標籤問題，即標題（th）。 functioncreateFamTable(){varrows=document.getElementById("family-rows").

P粉127901279 2023-09-13 23:18:44

如何根據螢幕尺寸/裝置選擇適當的CSS樣式

Bootstrap3在響應式實用工具中有一些不錯的CSS類，可以根據螢幕解析度來隱藏或顯示某些區塊http://getbootstrap.com/css/#responsive-utilities-classes我在一個CSS檔案中有一些樣式規則，我希望根據螢幕解析度來應用或不套用這些規則。我該如何做呢？我將把所有的CSS檔案壓縮到一個生產部署的檔案中，但如果沒有其他解決方案，只能為不同的螢幕分辨

P粉529245050 2023-08-21 21:50:42

我該從哪裡開始讓這個網頁回應？

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="view

P粉477369269 2024-04-04 21:21:25

我的履歷標題

1.熟練PHP物件導向編程，嚴格遵循PSR4規範，具備良好的編碼習慣2.熟練PHP常用設計模式（單例模式, 工廠模式等）3.熟練運用TP框架並了解Laravel等主流框架4.熟練Linux並熟練搭建開發測試環境及常用服務5.熟練使用HTML5/CSS3、BootStrap進行響應式佈局、Flex+Rem彈性佈局6.熟練使用JavaScript進行前後台交互，對跨域問題比較了解7.熟練使

啦啦啦啦啦 2022-07-20 16:22:34