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

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

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

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

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

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

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

이미지와 콘텐츠로 반응형 페이지 디자인

저는 프런트 엔드를 처음 접했고 레이아웃과 응답성을 다루는 데 몇 가지 문제가 있습니다. 이것은 지금까지 내 코드입니다: 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

CSS - 배경 이미지가 포함된 반응형 레이아웃을 작성하는 방법

이와 비슷하게 이제 배경 이미지로 컴포넌트를 만들고 싶은데 배경 이미지의 크기가 100%가 될 수 없고 가운데에 컨텐츠가 있어야 하고 왼쪽에는 이미지, 오른쪽에는 텍스트가 있어야 만드는 방법입니다. 반응이 좋나요?

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

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

헤더 이미지, 텍스트, 버튼을 반응형으로 만드는 방법

Bootstrap5를 사용하여 웹사이트를 만들고 있습니다. 웹사이트 헤더에서는 Bootstrap의 캐러셀을 헤더로 사용하고 있습니다. 캐러셀 이미지를 사용하면 텍스트와 버튼도 표시할 수 있습니다. 이미지, 텍스트, 버튼이 반응하기를 원합니다. 미디어 쿼리를 사용해 보았지만 어떻게 해야 할지 모르겠습니다. test.html<!doctypehtml><htmllang="en"><head><metacharset="ut

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

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

그래서 하나의 div는 이미지이고 다른 하나는 배경이 있는 텍스트인 템플릿을 만들려고 합니다. 이제 텍스트가 특정 픽셀 너비의 이미지 아래에 있도록 이 템플릿을 반응형으로 만들고 싶습니다. stackoverflow를 거치면서 Flexbox를 사용해야 한다는 글을 수없이 보았습니다. 노력했지만 제대로 할 수 없었습니다. 따라서 데스크톱에서는 다음과 같아야 합니다: https://i.stack.imgur.com/HDehv.jpg 스마트폰에서는 여기로 점프해야 합니다 https://i.stack.im

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

Vue 3에서 구성 요소 인스턴스에 대해 비응답 데이터를 설정하는 방법은 무엇입니까?

Vue2에도 비슷한 질문이 있었는데 $options를 사용하는 것이 좋습니다. 하지만 Vue3에서는 작동하지 않는 것 같습니다. 우선, Vue3 문서에는 $options가 읽기 전용이라고 나와 있습니다. 그래서 컴포넌트가 마운트된 인스턴스에서 툴팁을 초기화하려고 하면 매우 이상한 동작이 발생합니다. 툴팁이 표시되면 마지막으로 생성된 컴포넌트부터 표시되므로 $options가 어떻게든 "전역"인 것 같습니다. "? 툴팁을 데이터에 넣으면 모든 것이 잘 작동하지만 분명히 툴팁이 반응하지 않아야 합니다.

P粉973899567 2023-08-25 23:08:24

하위 요소에서 셀의 행 인덱스를 찾을 수 없는 jQuery 데이터 테이블을 반응형으로 만들 수 없습니다.

입력 필드가 있는 데이터 테이블이 있습니다. 사용자가 필드에 입력하면 입력한 줄 번호를 찾아야 합니다. 이전에 질문을 해서 좋은 답변을 받았는데, 데이터 테이블이 반응형이고 필드가 팝업으로 표시되면 답변이 더 이상 작동하지 않습니다. 이것은 내 코드입니다: functiondrawInput(data,type,row,meta){return'<inputid="r'+meta.row+'c'+meta.col+'"v

P粉916760429 2023-09-12 18:59:54

제목을 다음과 같이 다시 작성합니다. 하나의 항목이 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

javascript - vue 응답성 문제

{코드...} 콘솔에 인쇄: vm.count.id-- items.id도 변경된 것을 확인할 수 있습니다. 분명히 count.id만 변경했는데 어떻게 동기화를 피할 수 있나요? count.id를 변경하고 싶습니다.

滿天的星座 2017-05-19 10:39:39

JavaScript가 예상대로 실행되지 않습니다.

htmlcssjs를 반응형으로 만들려고 하는데 예상대로 작동하지 않습니다. 최소화하면 이미 반응형이지만 onclick을 하면 작동하지 않습니다. 내비게이션 및 내비게이션 바는 클릭해도 나타나지 않고 사라집니다. html과 css는 작동하지만 js에서는 무엇이 잘못되었는지 모르겠습니다. 누구든지 도와주실 수 있나요? letmenu=document.querySelector('#menu-icon');letnavbar=document.querySelector('.navbar');

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

소개할 수 있는 안정적인 플레이어 플러그인이 있나요?

응답성이 뛰어나고 다운로드 버튼이나 공유 버튼이 없는 것이 가장 좋습니다. 미리 감사드립니다, 여러분!

phpcn_u47953 2017-11-15 08:47:06

가변 열에 반응형 블록 배치

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

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

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

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

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

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

{code...} 이 두 미디어 쿼리와 관련하여 장치 너비가 정확히 768px인지 묻고 싶습니다. 그러면 어떤 미디어 쿼리가 여기에 적용되는지, 아니면 두 번째 미디어 쿼리는 (x>=768&&x<1200? ?). 그리고, 이 두 언론 문의에도 순서가 있나요?

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

배경 이미지에 반응형 PNG 이미지가 있나요?

다음과 같은 페이지 디자인을 만들려고 합니다. 클릭하고 실제로 성공했습니다. 문제는 웹 페이지의 해상도를 변경할 때 요소가 겹치고 배경 div와 PNG가 다르게 작동하고 모든 것이 형편없어 보인다는 것입니다. (위치:절대(PNG) 및 위치:상대(배경)을 사용해 보았습니다.)

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

Composition API의 변경 가능한 응답성 손실

useForm 도우미에서 Ranks_options의 순위 배열을 가져오려고 하는데 현재 배열을 추적할 수 없습니다. 아래 코드가 내 코드인지 확인하십시오. constform=useForm({name:null,ranks:[],});functionaddRanks( ){form.ranks .push({name:null,id:null});}ranks_options=form.ranks.map(함수(값){

P粉141925181 2023-09-16 22:54:36

javascript - Vue 계산 속성의 기본 종속성 원칙은 무엇입니까?

계산된 속성 {code...} 속성 a와 b가 변경되면 계산된 속성도 그에 따라 변경됩니다. 이 메커니즘은 어떻게 구현됩니까? 내부의 a와 b의 변화를 어떻게 알 수 있나요?

ringa_lee 2017-06-17 09:16:34