계속해서 커지는 빈 공간이 있는데 그 이유를 모르겠습니다.

질문 이미지: 질문 이미지 이전 이미지를 보시면 거기에 거대한 빈 공간이 있다는 것을 알 수 있습니다. 일반 디스플레이(약 1200픽셀)에서는 모든 것이 정상입니다. 그런데 폭을 줄이면 늘 그 빈 공간이 늘어나는데 왜 이런 일이 일어나는지 모르겠습니다. 정상적으로 출력되는 화면 그림 : 정상적으로 출력되는 화면 그림 코드를 명확하게 작성할 수 있도록 HTML, CSS 코드의 일부를 올려드립니다. .about-me{margin-top:10px;max-width:100%;max-height:10

P粉729518806 2023-08-14 19:03:11 0  1  565

순수 Javascript를 사용하여 이미지 교체를 위한 전환 효과 구현

내가 만든 웹사이트에는 여러 개의 아코디언이 있는데 각 아코디언의 상단에는 이미지가 있습니다. 아코디언을 펼치면 안에 설명이 들어가고 이미지가 다른 것으로 변경됩니다. 그런 다음 아코디언을 닫으면 이미지가 첫 번째 이미지로 다시 전환됩니다. 문제는 이 이미지 변경이 페이드 효과를 사용하여 부드럽게 전환되기를 원하는데 지금은 갑작스러운 변경일 뿐이라는 것입니다. 어떻게 해야 합니까? 아코디언 버튼의 ID가 "button"이고 첫 번째 이미지(두 번째 이미지로 변경됨)가 포함된 레이블의 ID가 "firstim...

P粉458913655 2024-03-30 00:14:11 0  1  436

CSS 드롭 캡 이미지, 공백에 정렬된 텍스트

나는 이것이 일상적인 드롭캡 상황이라고 생각하지 않습니다. 내 대문자 "S"는 다음과 같은 이미지입니다. 실제 이미지는 위쪽 열까지 확장됩니다. 상단 표시줄은 큰 S와 S 왼쪽의 그림을 포함하는 동일한 이미지의 일부입니다. 여기서는 잘 보이도록 배경을 파란색으로 색칠했는데, 자연색은 흰색입니다. (단, 맨 위쪽의 회색 부분은 무시하세요. 화면 캡처를 할 때 불편합니다.) 상단 바와 이미지를 망치고 싶지 않습니다. 나에게 제공된 이미지는 다음과 같습니다. 오른쪽 상단 모서리에 위쪽 막대가 그려져 있고 위쪽 막대 아래...

P粉415632319 2023-09-05 21:42:04 0  2  566

CSS - 부동 소수점 요소가 떨어지는 문제를 해결하는 방법

이 효과를 얻고 싶지만 현재 코드는 다음과 같습니다. {code...} {code...} 너비 문제에 대한 답변을 많이 읽었습니다. 너비를 줄이기 위해 사진의 크기를 비례적으로 조정할 수 있는 방법이 있습니까?

怪我咯 2017-05-16 13:36:42 0  7  1239

JavaScript는 썸네일에서 전체 너비 이미지 페이지로의 원활한 전환을 구현합니다.

http://manifesto.clapat.com/ 홈 페이지의 항목을 클릭하면 해당 항목 페이지의 제목이 될 썸네일에서 전체 화면 이미지로 전환됩니다. 이러한 전환 효과는 어떻게 생성되며 ReactRouter 대신 내부 라우팅을 사용하여 이를 구현하는 가장 좋은 방법은 무엇입니까? 누군가가 ReactRouter에서 작동하도록 할 수 있다면 저도 그것을 포팅할 수 있습니다. 사용 가능한 몇 가지 튜토리얼이 있지만 모두 다른/프로젝트 페이지로 이동하는 대신 전체 화면 모달 구성 요소와 유사하게 동일한 페이지에 데이터를 로드합니다.

P粉536532781 2023-09-15 22:09:37 0  1  969

Vuetify를 사용하여 모바일 화면에서 테이블의 전체 너비를 얻을 수 있나요?

Vue2 및 Vuetify를 사용하여 작은 화면에서 테이블 "축소"를 달성할 수 있습니까? 모바일 화면에서 테이블이 전체 너비를 유지해야 하고 확대할 수 있어야 하는 과제가 있습니다. 기본적으로 img와 유사한 동작을 달성합니다. 기본적으로 이 이미지에서 두 번째 화면을 구현해야 하지만 v-data-table을 사용합니다. "둘 다 똑같이 나쁘다"고하더라도 두 번째 해결책이 필요합니다. Vuetify 전용 솔루션이 있나요?

P粉842215006 2023-08-30 20:56:28 0  1  637

onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  501

CSS 그리드를 사용하여 이미지를 정렬하는 방법은 무엇입니까?

CSS 그리드를 사용하여 웹사이트의 일부를 구축하려고 합니다. 목록과 이미지를 같은 줄에 유지하고 화면 크기가 변경되면 축소/확대되도록 노력하고 있습니다. 코드는 아래에 붙여넣었습니다. 어떤 도움이라도 대단히 감사하겠습니다. 내 그리드 템플릿 내에 오류가 있는지 궁금합니다. .pm{display:inline-grid;max-width:100%;position:relative;margin:auto;grid-template-areas:"titletitle&quo

P粉463824410 2024-04-01 22:08:31 0  1  480

javascript - 이미지 표시 스크롤 문제

사진, 스크린샷의 일부 등 이러한 사진은 25개의 사진이 있는 경우 모두 하나의 ul에 포함됩니다. 초기 화면에는 10개의 사진이 표시됩니다. 더보기 버튼을 클릭하면 10개의 사진이 모두 위로 스크롤되어 숨겨집니다. 아래에서 아래로 스크롤하면 10장의 사진이 있습니다. 한 번에 10장의 사진만 표시할 수 있습니다. 다시 클릭하면 표시됩니다...

習慣沉默 2017-05-19 10:27:01 0  4  957

이미지를 자르고 이동합니다. 그리드 레이아웃

이미지를 올바른 위치에 놓고 위쪽과 아래쪽을 자르는 데 어려움을 겪고 있습니다. 다음은 다음과 같습니다(영웅 부분): https://www.behance.net/gallery/161732057/CozyMornings-online-store 전체 프로젝트는 그리드 위에 구축됩니다. 컨테이너보다 크고 왼쪽으로 이동하고 위쪽과 아래쪽이 잘린 원형 이미지가 필요합니다. 게다가 반응성이 좋아야 합니다. 패키지에 이미지를 넣으려고 합니다. 이 래퍼에 상대 위치를 지정하고 오버플로를 숨깁니다. 이것은 아니다

P粉548512637 2023-09-15 19:18:46 0  1  612

콘텐츠를 중앙에 배치하고 이미지 링크를 클릭 가능하게 만드는 데 도움이 필요합니다.

기본적으로 이미지와 제목이 화면 중앙에 위치해야 하지만 이미지를 클릭하고 링크를 열 수도 있어야 합니다. 이 작업을 수행할 수 있는 올바른 코드가 있다고 생각하지만 여전히 두 가지 문제가 있습니다. 이미지도 두 가지 크기로 제공되므로 어려워집니다. 방금 원래 크기에 비해 빨간 알약은 더 작게, 파란색 알약은 더 크게 만들어 보았습니다. 다른 3개 이미지의 배경 키프레임에 대해서는 걱정하지 마세요. 제목과 빨간색 및 파란색 알약 이미지를 중앙에 배치하는 데 도움이 필요합니다. 온라인 코드를 사용해 보았지만 여전히 같은 오류가 발생합니...

P粉794851975 2023-09-13 12:12:49 0  1  673

메뉴 배경 왼쪽, 오른쪽, 위쪽 간격 없이 100% 너비로 만들고 싶습니다.

메뉴 배경색은 전체 너비이어야 하며, 24인치 이하는 전체 화면이어야 합니다. 이것이 어떻게 생겼는지입니다. 웹사이트 URL도 이미지에 있습니다. 아래는 배경색을 추가하는 scss입니다. 누군가 배경색이 왼쪽, 오른쪽 및 상단에 닿도록(상단에 작은 간격이 있음) 아래 코드를 편집해 주실 수 있습니까? ;@media#{$xs ,$sm,$md,$lg}{padding:16px0;시도해 보겠습니다

P粉245003607 2023-09-10 21:43:33 0  1  507

Android의 React-Native에서 상태 업데이트가 작동하지 않습니다.

스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로 설정한 다음 소스를 전환했습니다. iOS에서는 완벽하고 완벽하게 원활하게 작동하지만 Android에서는 거의 전혀 작동하지 않습니다. 자주 클릭하면 바뀔 수도 있지만 분명히 내가 원하는 동작은 아닙니다. 그래서 슬라이드 가능한 수평 갤러리 constImage인 이미지 구성 요소가 있습니다.

P粉541551230 2024-04-06 16:54:10 0  1  586

iPhone이 max-width: 100%와 호환되지 않는 이유는 무엇입니까?

내 웹 브라우저에서 압축을 풀고 내 Android 휴대폰에서는 100% 완벽하게 작동합니다. 하지만 아이폰에서는 그렇지 않습니다. 이미지의 경우 일반적으로 max-width:100%;를 사용하고, 해당하는 경우 width:100% 또는 img-반응형을 사용합니다. 이미지 너비가 600px보다 크므로 더 큰 장치에서 제어하기 위해 너비를 600px로 설정했습니다. <sectionclass='section20'><Figurecla

P粉806834059 2023-09-02 17:24:50 0  2  723

HTML 테이블의 이미지를 오른쪽 정렬하는 방법

저는 Django 웹사이트를 만들었고 상단에 작은 형태처럼 결과를 표시하고 싶습니다. 왼쪽에 테이블이 있는데 오른쪽 테이블에 두 장의 사진과 또 다른 열을 추가하고 싶습니다. 더 잘 설명하기 위해 다이어그램을 디자인했습니다. 여기에 이미지 설명을 입력하세요. 이제 양식 1과 표에 대한 코드를 작성했습니다. 백엔드 코드도 작성합니다. 이미지와 양식 2가 양식의 오른쪽에 있으므로 HTML 코드를 작성하는 방법을 알고 싶습니다. HTML 코드를 작성하면 표 아래에 표시됩니다. 누구든지 테이블 오른쪽에 그림과 양식 2를 추가하는 데 도움을...

P粉555696738 2023-09-02 09:04:11 0  1  632

CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다.

현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 없는 다른 페이지를 볼 수 있습니다. 탐색 링크는 디스플레이 하단에 완벽하게 고정되어 있습니다(식물 및 방 탐색 요소는 알림 탭(이미지 1)에 있어서는 안 되므로 이 요소를 무시합니다 이미지 2). 페이지가 스크롤 가능하고 내 탐색바가 올바른 위치에 유지되지만 요소의 윤곽이 올바르지 않습니다. 모든 녹색 상자 디스플레이는 편집 및 삭제 버튼과 함께 서로 포개져 표시되어야 합...

P粉156415696 2024-04-03 18:48:12 0  1  442

ACF - 여러 중계기 이미지 표시

나의 궁극적인 목표는 클릭만으로 외부 웹사이트로 연결되는 이미지 갤러리를 만드는 것입니다. 이 작업은 고급 사용자 정의 필드를 통해 수행되어야 하므로 동일한 줄에 이미지와 링크가 포함된 반복 레이아웃을 만들었습니다. link1|cover_image1link2|cover_image2 이제 이 코드를 웹 페이지 내부의 텍스트 편집기에 삽입합니다. 또한 여기에서 %ROW%를 반복자로 사용할 수 있는 몇 가지 단축 코드를 가져왔습니다. "attachments"는 상위 전달자이고 "link" 및 "...

P粉885562567 2024-03-26 22:15:20 0  1  482

레스토랑 웹사이트의 버튼 오버레이 표시 문제를 해결하는 방법

오버레이 페이지를 올바르게 표시하기 위해 React.js를 사용하여 레스토랑 웹사이트에 버튼을 만드는 데 문제가 있습니다. 이는 자체 구성 요소(MenuButtons.jsx)에 설정되어 있으며 이전 페이지의 짧은 메뉴 섹션 하단에 있습니다(아래 이미지 참조). 전체 메뉴가 너무 길어 첫 페이지에 모두 담기에는 나머지 메뉴(예: 와인 목록, 점심 메뉴 등)에 대해 별도의 오버레이 페이지를 시작했으면 좋겠습니다. 아래 이미지는 와인 목록 오버레이 페이지의 모양을 보여줍니다. 다음은 코드입니다: importReact,{useState}f...

P粉289775043 2024-01-16 19:22:49 0  1  430

PHP에서 ImageMagick을 사용하여 .HEIC를 .JPG로 변환

나는 phpWeb 문서에 업로드된 HEIC 파일을 .JPG(또는 다른 일반적인 파일 형식)로 변환하는 작은 이미지 변환기를 만들고 싶습니다. 저는 유닉스 서버에서 PHP를 실행하고 있으며 서버에 ImageMagick을 설치했습니다. 다음 명령줄 코드가 서버에서 실행됩니다. mogrify-formatjpg*.HEIC 이 명령줄 코드를 PHP로 변환하고 싶습니다. 앞서 언급했듯이 저는 명령줄 형식 지정 코드를 PHP로 변환하는 것을 좋아합니다. 현재 기본 HTML+PHP 형식으로 다음 코드가 설정되어 있습니다. 단지

P粉322918729 2023-11-02 17:38:57 0  1  886

'style' 속성은 스타일 속성에서 값으로의 매핑을 기대합니다.

React를 사용하여 전면 및 후면 이미지 슬라이더를 만드는 동안 이 오류가 발생했습니다. 가져와야 하는지는 모르겠지만 안타깝게도 외부 파일입니다. 어떤 팁이나 제안이라도 대단히 감사하겠습니다. SVG 아이콘이 표시되기를 기대했지만 위에 설명된 대로 오류가 발생했습니다.

P粉817354783 2023-08-15 15:37:44 0  1  490