묻다찾다_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

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

Bootstrap5를 사용하여 웹사이트를 만들고 있습니다. 웹사이트 헤더에서는 Bootstrap의 캐러셀을 헤더로 사용하고 있습니다. 캐러셀 이미지를 사용하면 텍스트와 버튼도 표시할 수 있습니다. 이미지, 텍스트, 버튼이 반응하기를 원합니다. 미디어 쿼리를 사용해 보았지만 어떻게 해야 할지 모르겠습니다. test.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는 이미지이고 다른 하나는 배경이 있는 텍스트인 템플릿을 만들려고 합니다. 이제 텍스트가 특정 픽셀 너비의 이미지 아래에 있도록 이 템플릿을 반응형으로 만들고 싶습니다. 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 - 반응형 웹, 미디어 쿼리 문제.

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

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

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

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

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

가변 열에 반응형 블록 배치

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

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

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

햄버거 메뉴 아이콘은 오른쪽에, 이미지는 왼쪽에 있어야 합니다. 메뉴를 클릭하여 열면 로고homeAboutusgallerycontact가 있는 드롭다운 메뉴가 확장되어야 합니다. <divclass="직사각형1"><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;글꼴-가중치:bold;너비:700px;

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

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

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

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

Flexbox를 사용하여 반응형 레이아웃을 구현하는 방법

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

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

CSS - 현재 각 브라우저의 시장 점유율은 얼마입니까?

1. ie6, ie7, ie8 등을 사용하는 사람들이 많나요? ? 2. 프런트 엔드 웹 페이지 템플릿을 만들 때 고려해야 할 주요 브라우저는 무엇입니까? 3. 반응형 홈페이지 템플릿을 직접 제작해야 하나요? 지원되지 않는 다른 경우에는 브라우저를 업그레이드하라고 상기시켜 주시겠습니까?

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

javascript - 휴대폰에서 다른 페이지를 열 때 다른 해상도

저는 프레임워크를 사용하지 않고 반응형 웹 페이지를 직접 만들려는 초보자입니다. 그런데 휴대폰에는 아주 지독한 문제가 있습니다! 두 개의 웹 페이지를 열면 두 가지 해상도가 됩니다! 홈페이지, 등록 페이지입니다. 등록 페이지에는 홈 페이지와 동일한 탐색 및 바닥글 부분이 있으므로 먼저 등록 페이지의 html에 이를 인용하세요...

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

form/div 태그에 표를 동적으로 추가합니다.

동적으로 생성된 테이블은 div 태그 외부에 나타납니다. 반응형 등록 양식을 만들고 있습니다. 입력 필드는 사용자가 제공한 테이블에 필요한 행 수를 가져와 고정된 수의 열로 필요한 수의 행을 생성합니다. 테이블을 생성했지만 원하는 위치에 표시되지 않습니다. 조언 좀 부탁드립니다. 또한 제목(일)인 첫 번째 줄의 라벨 문제를 해결하는 데 도움이 됩니다. functioncreateFamTable(){varrows=document.getElementById("family-rows").

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

화면 크기/기기에 따라 적절한 CSS 스타일을 선택하는 방법

Bootstrap3에는 화면 해상도에 따라 특정 블록을 숨기거나 표시할 수 있는 반응형 유틸리티에 멋진 CSS 클래스가 있습니다. http://getbootstrap.com/css/#active-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 프레임워크 및 TP 프레임워크 사용에 능숙합니다. Laravel과 같은 주류 프레임워크를 이해합니다. 4. Linux, 개발 및 테스트 환경, 공통 서비스 구축에 능숙합니다. 5. 반응형 레이아웃과 Flex+Rem 유연한 레이아웃을 위한 HTML5/CSS3 및 BootStrap 사용에 능숙합니다. 백엔드 상호 작용, 도메인 간...

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