提問搜尋_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

使用 vue-chartjs 和 Pinia 儲存的反應式數據

我不擅長結合使用Pinia儲存資料和vue-chartjs來創建反應式圖表。我使用此範例作為指南，但努力讓圖表對商店中的變化做出反應。我使用反應式表單更改了另一個元件中的Pinia商店數據，並且可以看到商店數據發生變化，但圖表沒有更新。我正在使用以下元件渲染圖表：<scriptsetup>import{storeToRefs}from'pinia'import{useStore}fro

P粉946437474 2023-08-31 00:26:42

如何在 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

無法使用 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

無需訂閱Observable，在Angular中以命令式的方式編輯響應式表單資料的方法

以下是我一直在使用的訂閱和根據可觀察資料更新響應式表單的過程。也許有一種方法可以在不訂閱可觀察物件和更改值的情況下解決問題。 @Component({selector:'app-my-component',template:`<form[formGroup]="myForm"><inputformControlName="name"/>

P粉587970021 2024-03-29 18:37:15

將標題重寫為：將一個項目設為true，其他所有項目設為false的VueJS響應式元素

我正在使用VueJS的組合API開發一個應用程式。我已經設定了一個回應式元素，如下所示constsections=reactive({section1:true,section2:false,section3:false,section4:false,section5:false,section6:false})當頁面上的每個按鈕被點擊時，我想根據它們的布林值顯示和隱藏各個元素（以及其他許多操作）

P粉786800174 2023-08-28 20:55:03

反應模態的滑動動畫

我已經在react和css中實現了一個模態，目前，當我打開它時，我已經實現了一個向上滑動的動畫，其中模態從底部向上滑動，但是當我關閉它時我希望它向下滑動，我無法弄清楚如何準確創建向下滑動的動畫，有人可以幫忙嗎？程式碼=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29

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

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

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

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

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

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

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

我是前端新手，我在處理佈局和響應式方面遇到了一些問題。到目前為止，這是我的程式碼：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

響應式圖像和文字 Div 並排

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

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

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

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

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

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

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

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

css3 - 圖文響應式樣式

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

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

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

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

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

Auth0 登入和登出設定檔不起作用。反應打字稿

我對Auth0有疑問。登入.和註銷。使用反應打字稿。這裡位於Index.tsx。 root.render(<Auth0Providerdomain="somecode.us.auth0.com"clientId="somecode"authorizationParams={{redirect_uri:window.location.origin}}&g

P粉349222772 2023-09-03 10:57:28

觀察 Vue 3 中嵌套屬性的變化

我創建了一個帶有反應性API的簡單狀態管理我的商店文件如下所示：import{reactive,watch}from"vue";conststate=reactive({form:{service_id:null}})watch('state .form.service_id',(newVal,oldVal)=>{console.log('servicechanged');

P粉060112396 2024-03-31 18:31:30

在Vue腳本設定中解構響應式對象

我正在關注Vue3文檔，以了解如何轉向使用<scriptsetup>標籤來簡化我的元件程式碼。使用此設定的好處之一是，您不再需要使用匯出預設樣板來明確傳回物件：在頂級範圍內聲明的任何內容都會在範本中自動可用。我遇到的問題是，在我的應用程式中，我有一個非常大的物件作為我的初始狀態，在我的正常Vue3應用程式中，我可以返回該物件並自動解構，如下所示：< script>import{r

P粉418214279 2024-03-25 20:03:34

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

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

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

無法關閉Boostrap 5導覽欄

導航列在回應模式下未關閉所有已新增的庫都已準備好''''<divclass="collapsenavbar-collapsejustify-content-end"id="navbarSupportedContent"><ulclass="navbar-navmb-2mb-lg -0"><liclass=&qu

P粉738821035 2024-04-01 17:18:21