TailwindCSS를 사용하여 이미지를 연속적으로 동일한 크기로 설정할 수 없습니다.

TailwindCSS를 사용하여 페이지 디자인을 만들고 있습니다. 구성요소와 이미지를 같은 크기로 설정할 수 없습니다. Flex, Wrap, div 또는 이미지의 너비 변경 등 몇 가지 조합을 시도했지만 해결책을 찾을 수 없습니다. 내가 원하는 결과는 각 영화에 다음과 같은 이름을 가진 동일한 크기의 이미지가 포함된 동일한 크기의 직사각형이 포함된다는 것입니다. 또한 오버플로의 경우 x 스케일에서는 스크롤할 수 있지만 y 스케일에서는 스크롤할 수 없기를 원합니다. 나는 그것을 할 수 있었지만 그것을 유지하고 올바른 크기도 가져야 합...

P粉978742405 2024-02-17 12:27:00 0  1  435

javascript - 클라이언트 카메라 이미지를 가져와 웹에 표시할 수 있는 좋은 솔루션이 있습니까?

제목에서 알 수 있듯이 웹에서 클라이언트의 카메라 이미지를 얻을 수 있는 좋은 구성 요소가 있습니까? 이전에 Jquery.Webcam과 photobooth를 사용해 본 적이 있습니다. Jquery.Webcam은 Flash를 통해 구하지만 크기가 제한되어 있고 방법도 모자이크와 동일합니다. 포토부스는 HTML을 통해...

PHP中文网 2017-05-19 10:47:12 0  1  649

물류 주문의 인쇄된 버전을 생성하는 html5-css

이러한 물류 주문을 인쇄하는 방법은 무엇입니까? 물류업체에서 제공하는 치수대로 하면 윗부분은 제작이 가능하지만, 텍스트가 많은 아랫부분은 제대로 표시가 되지 않습니다. 이러한 물류 주문은 소프트웨어에 의해 자동으로 생성됩니까?

高洛峰 2017-05-16 13:27:52 0  1  715

javascript - 다수의 스프라이트에 충돌 감지 상자를 추가하는 방법은 무엇입니까?

스프라이트 시트가 있고 그 안에 있는 각 프레임의 크기는 아래와 같습니다. 이제 충돌 감지 상자를 추가하고 싶지만 그림이 많고 충돌 위치가 그림 테두리에만 국한되지 않습니다. 이 경우 감지를 추가하려면 필요에 따라 각 프레임에 추가해야 합니까? 얻는 방법...추가가 완료된 후...

phpcn_u1582 2017-05-31 10:39:16 0  1  686

API 호출에서 이미지를 조정하는 방법은 무엇입니까?

여기에 처음으로 글을 올리는데, 빠진 내용이 있으면 알려주세요! 좋아요, 제 문제는 카테고리 페이지의 이미지가 서로 맞지 않고 더 이상 정렬되지 않는다는 것입니다. JavaScript를 조금 배우고 API 호출에서 이미지를 얻은 후에 이런 일이 발생했습니다. 이제는 더 이상 좋아 보이지 않습니다. 특히 모바일 보기에서는 더욱 그렇습니다. 어떻게 하면 같은 크기로 만들 수 있나요? 그런데, 나는 완전히 멍청한 놈입니다. 내 페이지 링크는 다음과 같습니다: https://lovely-croissant-3cceca.netlif

P粉138871485 2023-09-05 13:36:09 0  1  463

퀘이사 Q 카드를 중앙에서 어떻게 분리하나요?

위쪽 상자를 중앙에서 분리하여 아래쪽 상자에 들어있는 아이템이 고르게 분포되도록 하려고 합니다. 그런데 추가해보니 왼쪽과 오른쪽 새들백 크기가 같지 않네요. 아래 코드는 codepen에 넣어보면 카드가 균등하게 분할되지 않는 것을 볼 수 있습니다. 이 문제를 어떻게 해결할 수 있나요? <divid="q-app"><divclass="q-pa-md"><divclass="q-gutter-mdrowjus

P粉418351692 2024-01-02 23:57:57 0  1  1124

부트스트랩 랜딩 페이지 레이아웃 문제 - 컨테이너가 화면 크기에 올바르게 맞지 않습니다.

저는 현재 Bootstrap을 사용하여 랜딩 페이지를 만드는 연습을 하고 있습니다. 그러나 레이아웃 문제가 발생하여 컨테이너가 적절한 화면 크기에 맞지 않습니다. 좌우 균형이 맞지 않아 화면이 왼쪽으로 기울어지는 현상이 발생합니다. 다음은 문제를 보여주는 스크린샷입니다(링크). Text 다양한 방법을 시도했지만 문제를 해결할 수 없었습니다. 이것이 Bootstrap의 그리드 시스템이나 컨테이너 설정에 문제가 있는 것 같습니다. 누구든지 이 레이아웃 문제를 해결하고 해결하는 방법을 안내해 줄 수 있습니까? 어떤 제안이나 통찰력이라도 ...

P粉214089349 2023-09-10 21:04:02 0  2  760

제목이 다음과 같이 변경됨: CSS3의 100vh 값은 모바일 브라우저에서 고정되지 않습니다.

매우 이상한 문제가 있습니다... 제가 접한 모든 브라우저와 모바일 버전에는 다음과 같은 동작이 있습니다. 페이지를 로드할 때 모든 브라우저에는 상단 메뉴(예: 주소 표시줄 표시)가 있습니다. 페이지 스크롤을 시작하면 그것은 위로 미끄러진다. 때로는 100vh가 뷰포트의 보이는 부분에서만 계산되므로 브라우저 표시줄이 위로 슬라이드되면 100vh가 증가하고(픽셀 단위) 사용자 경험을 위해 모든 레이아웃이 다시 그려지고 크기가 조정됩니다. 효과가 좋지 않으면 이런 문제가 발생하나요? 처음 뷰포트 높이에 대해 들었을 때 너무 기뻤습니다.

P粉682987577 2023-08-21 16:49:22 0  2  511

Tailwind CSS를 사용하여 CSS 그리드에서 카드의 너비와 높이를 고정합니다.

저는 TailwindCSS와 React를 사용하여 앱을 만들고 있는데, 보기 중 하나에 카드 그리드가 있습니다. 현재 상황은 다음과 같습니다. 보시다시피 창을 축소하면 카드가 창 안으로 들어가게 됩니다. 카드 크기(너비 및 높이)가 항상 동일하게 유지되도록 하고 창이 작아지면서 카드 수가 한 행에 맞지 않으면 다음 행으로 이동하도록 하고 싶습니다. (MS 그림판으로 제작)과 유사: 화면이 작아져도 카드 크기는 고정(동일한 종횡비)으로 유지됩니다. 현재 내 코드는 다음과 같습니다. Grid: <div&gt

P粉184747536 2024-03-26 21:34:28 0  1  470

만족스러운 웹 디자인을 만드는 방법

내 자신의 디자인을 표시할 수 없습니다. 재설계를 하고 싶습니다. 웹 디자인을 만드는 것은 미적 측면, 기능적 측면, 사용자 경험이 원활하게 결합되어야 하는 다면적인 프로세스입니다. 이는 웹사이트의 목적, 타겟 고객, 브랜드에 대한 깊은 이해에서 시작됩니다. 잘 디자인된 웹 페이지는 콘텐츠의 본질을 포착할 뿐만 아니라 탐색의 용이성을 보장하는 시각적으로 매력적인 레이아웃을 가져야 합니다. 색상 조합, 글꼴, 이미지의 선택은 올바른 메시지를 전달하고 강력한 시각적 정체성을 확립하는 데 중요한 역할을 합니다. 반응형 디자인은 다양한 장...

P粉908643611 2023-08-10 17:09:33 0  1  552

텍스트에서 단락을 찾습니다.

Django 웹사이트에서 JavaScript를 사용하여 "편집" 버튼을 구현하려고 합니다. 나는 JavaScript를 처음 접했지만. Django에서는 텍스트를 단락으로 나누는 것이 매우 쉽습니다. 이와 같이 {{text|linebreaks}}를 코딩하기만 하면 Django가 태그를 동적으로 추가합니다. (양식을 보낸 후) 전환을 더 원활하게 하려면 전체 페이지를 다시 로드하는 대신 JavaScript를 사용하여 페이지 콘텐츠를 업데이트해야 합니다.

P粉288069045 2023-07-28 13:08:03 0  1  597

Nuxt-link는 Bootstrap-vue를 사용하여 페이지 문제를 새로 고칩니다.

탐색을 위한 사용자 지정 호버 드롭다운 메뉴를 만들기 위해 nuxt와 bootstrap을 사용하고 있습니다. 내가 겪고 있는 문제는 내 탐색 하위 메뉴 NuxtLinks가 Nuxt 블록 내의 애플리케이션 콘텐츠를 원활하게 변경하는 대신 전체 페이지를 새로 고치는 것입니다. 탐색 모음은 default.vue 레이아웃에서 동적으로 생성되며 콘텐츠를 래핑하는 NuxtLink와 함께 b-dropdown-hover 구성 요소를 사용합니다. 페이지가 이러한 링크/앵커에 대해 완전히 새로 고쳐지는데 내 b-navbar-브랜드 이미지가 원활하게 ...

P粉512729862 2023-12-07 08:58:02 0  1  728