묻다찾다_PHP 중국어 웹사이트

지역 사회 배우다 도구 라이브러리 여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

Flex에 내장된 반응형 YouTube

반응형 YouTube 및 일부 다른 콘텐츠를 Flex 컨테이너에 포함하려고 시도했지만 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'imp...

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

Angular에서 반응형 양식 데이터를 편집하는 필수 방법인 Observable을 구독할 필요가 없습니다.

관찰 가능한 데이터를 기반으로 반응형 양식을 구독하고 업데이트하는 데 사용한 프로세스는 다음과 같습니다. Observable을 구독하고 값을 변경하지 않고 문제를 해결하는 방법이 있을 수도 있습니다. @Component({selector:'app-my-comComponent',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

반응형 모달 슬라이딩 애니메이션

반응 및 CSS에 모달을 구현했으며 현재 열 때 모달이 아래쪽에서 위로 미끄러지는 슬라이드 업 애니메이션을 구현했지만 닫으면 아래로 내려가고 싶습니다. 스와이프, 어떻게 해야 할지 모르겠습니다. 아래로 스와이프 애니메이션을 정확하게 생성하려면 누구든지 도와줄 수 있나요? 코드=>import"./styles.css";importreact,{useState}from"react";exportdefault

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

반응형 드롭다운 메뉴를 만드는 방법

햄버거 메뉴 아이콘은 오른쪽에, 이미지는 왼쪽에 있어야 합니다. 메뉴를 클릭하여 열면 로고homeAboutusgallerycontact가 있는 드롭다운 메뉴가 확장되어야 합니다. <divclass="직사각형1"><ulclass="dropdown"><liclass="li1"><ahref="

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

가변 열에 반응형 블록 배치

머리글, 보드, 바닥글이 있는 게임 웹사이트가 있습니다. 뷰포트 안에 들어가려면 세 개가 모두 필요합니다. 이를 달성하려면 보드가 더 작아야 합니다. 축소가 내가 겪고 있는 문제입니다. 너비는 반응적으로 얻을 수 있었지만 높이는 제한적으로 얻을 수 없었습니다. 보드는 정사각형을 유지하고 사용되지 않는 공간을 차지하거나 넘침을 방지하기 위해 축소되어야 합니다. 아래 내용에 따라 뭔가를 하고 있는데 보드가 부모의 키를 초과하게 됩니다. 실제 코드에서는 줄 바꿈으로 인해 헤더 높이를 알 수 없습니다. 바닥글에는 다양한 양의 텍스트가 있습...

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;글꼴-가중치:bold;너비:700px;

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

반응형 이미지와 텍스트 Div를 나란히 배치

그래서 하나의 div는 이미지이고 다른 하나는 배경이 있는 텍스트인 템플릿을 만들려고 합니다. 이제 텍스트가 특정 픽셀 너비의 이미지 아래에 있도록 이 템플릿을 반응형으로 만들고 싶습니다. 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를 사용하여 반응형 레이아웃을 구현하는 방법

Flex 컨테이너 내부에 xy개의 카드와 단일 위젯을 렌더링하는 React 앱을 만들고 있습니다. 모든 카드의 너비와 높이는 동일하지만 위젯의 높이는 카드 높이 * 2 + 행 간격과 같습니다. 컨테이너의 너비는 뷰포트 너비에 따라 변경되며 시각적으로 카드가 있는 2열 또는 3열로 각각 표시되어야 합니다. 더 명확하게 하기 위해 위젯이 파란색으로 표시된 필수 레이아웃의 모형 이미지를 제공했습니다. 내가 무엇을 시도하더라도 행의 높이를 해당 크기로 변경하지 않고는 위젯을 올바른 위치에 표시할 수 없습니다.

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

css3 - 그래픽 및 텍스트 반응형 스타일

PC 데스크탑에서 이 페이지를 반응형으로 만들기: 한 가지 방법은 그림을 직접 반응형으로 만드는 것입니다. 유일한 단점은 텍스트가 흐릿하고 효과가 완벽하지 않다는 것입니다. , 이런 식으로 텍스트 크기는 적응적이어야 하며 텍스트 위치 관계는 잘 수행하기가 훨씬 더 어렵습니다...

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

html5 - 반응형 웹, 미디어 쿼리 문제.

{code...} 이 두 미디어 쿼리와 관련하여 장치 너비가 정확히 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 앱에서 해당 개체를 반환하고 다음과 같이 자동으로 구조 해제할 수 있다는 것입니다.

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