사진 속 이미지의 종횡비

다음과 같은 제목의 이미지가 있습니다. Title I also have img{max-width:100%} in CSS. 이미지의 너비와 높이를 동시에 설정하고 너비가 설정한 값보다 작아지면 화면 비율을 유지하고 싶습니다. 그래서 다음과 같은 코드를 시도해 보았습니다. 제목 대략 제가 원하는 내용인데, 이미지가 '레터박스'된 경우 제목이 이미지 하단에서 꽤 멀리 떨어져 있습니다. 제목을 이미지 하단에 꼭 맞게 유지하면서 원하는 결과를 얻을 수 있는 방법이 있나요?

P粉557957970 2023-08-17 20:24:04 0  1  474

html5 - 모바일 단말기에서 이미지의 너비와 높이 비율을 현재 휴대폰의 전체 화면 크기에 정확히 맞추는 방법은 무엇입니까?

1. 모바일 단말기에서 이미지 화면 비율을 휴대폰의 전체 화면 크기에 맞게 조정하는 방법은 무엇입니까? 너비가 100%일 경우 높이가 적응적이어야 하고, 높이가 100%일 경우 너비가 적응적이어야 합니다. 이런 식으로 그림이 현재 화면을 초과할 수 있으며 스크롤 막대가 나타날 수 있으므로 필요합니다. 슬라이드해서 볼까, 아니면 공백이 생길텐데...

世界只因有你 2017-05-16 13:25:15 0  5  1077

테이블 정렬에는 크기, 길이, 너비 및 배경색이 아닌 정렬만 포함됩니다.

테이블 정렬에는 크기, 길이, 너비 및 배경색이 아닌 정렬만 포함됩니다.

古。。 2019-01-18 14:42:28 0  2  1074

여러 SVG 파일을 동일한 비율로 확장

나는 거의 100개에 달하는 SVG 파일 모음을 가지고 있는데, 모두 아름답게 손으로 코딩되었으며 각각의 viewBox, 너비 및 높이가 신중하게 지정되어 있습니다. 이러한 SVG 파일은 너비, 높이 및 종횡비가 다릅니다. 어색한 문제가 있습니다. 저는 상대적인 크기에 관심을 갖고 보존하고 싶습니다. HTML 페이지에서는 "자연스러운" 크기, 즉 너비와 높이로 지정된 크기로 표시되기를 원합니다. 매우 간단합니다: <imgsrc="….svg">. 아마도 CSS는 {object-fit:n을...

P粉244730625 2024-01-10 17:27:19 0  1  469

MUI 칩: 오버플로/타원을 비활성화하는 방법은 무엇입니까?

React에서 MUI를 사용할 때 Chip 구성 요소 내부의 레이블을 기준으로 유연한 너비를 설정하고 싶습니다. 예를 들어, 긴 라벨인 경우 Chip의 너비는 더 넓어야 합니다. 라벨이 짧으면 칩의 너비도 더 작아질 수 있습니다. 요약하자면, 전체 라벨은 잘리지 않고 칩 내에서 표시되어야 합니다.

P粉864594965 2023-07-27 18:00:52 0  1  660

CSS는 다른 기술 없이 수평 버튼을 구현합니다.

가장 긴 버튼의 너비를 기준으로 동일한 너비의 두 개의 가로 버튼을 만들려고 합니다. 각 버튼의 텍스트 내용은 사용자가 별도의 페이지에서 조정할 수 있습니다. 따라서 텍스트 길이/첫 번째 버튼과 두 번째 버튼의 텍스트 길이를 제어할 수 없습니다. 버튼을 가장 긴 텍스트의 길이에 맞게 조정하되 페이지 너비(예: 모바일 장치)를 초과하지 않기를 원합니다. 버튼이 기본적으로 가로로 표시되기를 원하지만, 가로로 표시되지 않으면 열로 쌓이게 됩니다. 전체 텍스트가 맞지 않으면 줄 바꿈할 버튼의 텍스트가 필요합니다. <divclass=&...

P粉893457026 2023-09-04 12:29:02 0  1  563

node.js - 더 나은 노드 아키텍처 샘플 코드가 있습니까?

저는 노드를 처음 사용하는데 더 좋은 샘플 코드가 있나요?

天蓬老师 2017-05-16 13:33:41 0  2  563

javascript - 아래 예와 같이 img 요소를 div의 중앙에 배치하는 방법

HTML 코드 {code...} 원하는 효과의 예 빨간색 영역이 div이고, 녹색 영역이 img입니다. 즉, img의 너비가 고정되어 있지 않으므로 해결할 수 없습니다. 여백 왼쪽 수정.

给我你的怀抱 2017-05-16 13:21:39 0  13  1733

JavaScript를 사용하여 이미지 비율 제한

<inputtype="file"id="file"accept="image/gif,image/jpeg,image/png">HTML 코드의 구조는 다음과 같습니다. 이 경우 1:1 비율로 입력한 내용에 이미지가 없으면 자바스크립트를 통해 다른 페이지로 이동하고 싶습니다.

P粉111927962 2024-02-17 20:13:49 0  1  450

콘텐츠 너비에 맞게 텍스트 영역의 크기를 조정하고 최소 및 최대 너비를 설정하려면 어떻게 해야 합니까?

이제 텍스트 영역에 문제가 있어서 콘텐츠 너비에 맞게 크기를 조정할 수 없습니다. 콘텐츠 높이에 대한 길고 자세한 답변을 찾았는데 작동합니다! 그런데 위의 내용 너비가 없습니다... 이 기사는 자동 크기 조정으로 텍스트 영역 만들기 그러나 문제가 해결되지 않았습니다. 너비 크기도 조정해야 합니다. 최대 및 최소 너비를 고려하십시오. 샘플 코드는 다음과 같습니다. $("textarea").each(function(){this.setAttribute("s

P粉277824378 2023-09-05 11:21:30 0  1  571

javascript - 캔버스 압축 이미지의 최대 압축률은 얼마입니까?

최근 프로젝트에서는 이미지를 압축하여 업로드하였고, 이미지를 압축하기 위해 캔버스를 사용하였습니다. 캔버스는 이미지마다 최소 압축률이 다른 것으로 나타났습니다. 가장 큰 22M 사진의 경우 가장 작은 사진은 약 900k까지만 압축할 수 있으며 압축률은 0.036입니다. 그리고 사진 중 하나(약 900,000개 정도...)

大家讲道理 2017-06-12 09:28:20 0  1  936

CSS: 텍스트 옆에 아이콘을 어떻게 배치하나요?

두 개의 하위 요소 text(span 요소)(i) 아이콘 - div 요소를 포함하는 이와 같은 상위 div 요소(display:flex)가 있습니다. 텍스트에 줄 바꿈 없이 한 줄만 있으면 모든 것이 잘 작동합니다. 그러나 줄 바꿈(2줄 이상)할 때 가장 넓은 줄을 기준으로 요소의 너비가 조정됩니다. 길이가 길어지면 텍스트를 줄 바꿈하고 싶습니다. 위의 예에서 (i) 아이콘을 NORTH 옆에 두기를 원합니다. (i) 아이콘을 NORTH 옆에 두고 싶습니다.

P粉668146636 2023-08-17 14:39:36 0  1  465

javascript - 너비가 설정되지 않은 인라인 요소의 정확한 너비를 얻는 방법은 무엇입니까?

예를 들어, td에는 너비가 설정되어 있고, 범위에는 너비가 설정되어 있지 않습니다. 1. $.width()를 사용하여 정수 너비를 얻고, $('td').width()를 사용하여 218px를 얻고, 범위는 129px2입니다. 여백과 테두리가 없는 너비를 얻으려면 clientWidth를 사용하고, 범위 너비는 0입니다. td 너비는 '218'3입니다...

PHP中文网 2017-05-19 10:46:37 0  3  824

javascript - 모바일 장치에서 재생할 비디오에 일반적으로 어떤 너비, 높이 및 품질을 사용합니까?

영상 소스 파일은 1080p, 3000kbps 이상의 영상으로 길이는 약 4분 정도이다. PC쪽에서는 720p, 1000kbps로 압축했는데 크기는 30M정도 됩니다. 그런데 모바일 단말기에 올려놓으려면 아직 크기가 좀 큰 것 같은데 어떻게 압축할지 결정이 안되네요. 너비, 높이, 비트 전송률 등과 같은 누르다...

大家讲道理 2017-06-12 09:25:10 0  1  793

셀에 나타나는 의사 "가운데" 정렬을 사용하여 표에 있는 숫자의 소수점을 정렬합니다.

나는 소수점 앞뒤의 길이가 다르고 소수점이 모두 정렬된 십진수 열이 있는 테이블을 원합니다. 열 너비는 데이터 셀의 매우 긴 숫자나 열과 관련된 매우 긴 헤더를 수용할 수 있도록 필요에 따라 확장되는 "유동적" 크기여야 합니다. 정수(소수점 없음)가 포함된 셀에는 소수 문자가 있는 것처럼 숫자가 동일한 위치에 정렬되어 숫자가 계속 표시되어야 합니다. (예를 들어 숫자 512는 "512" 대신 "512"만 포함하는 셀과 올바르게 정렬되어야 합니다.) 글꼴은 중요하지 않아야 합니다....

P粉373990857 2023-10-24 13:01:47 0  1  742

javascript - [CSS] CSS로 img의 높이와 너비를 동일하게 만들 수 있나요?

img 요소: 너비에 백분율을 사용합니다. CSS 제어를 사용하여 다음을 달성할 수 있습니다. 어떤 장치에 관계없이 img의 높이는 항상 너비와 같습니다.

習慣沉默 2017-06-28 09:26:36 0  2  896

제목이 다음과 같이 재작성되었습니다: 가변상자 메뉴 및 제목이 있는 테이블 - 테이블 너비에 따라 제목을 자를 수 있습니까?

flexboxCSS를 사용하여 이와 같은 것을 달성하고 싶습니다. 메뉴는 너비가 고정되어 있지만 표는 자동으로 커질 수 있으며 헤더는 길더라도 표 너비를 초과해서는 안 됩니다. 즉, 테이블은 열 컨테이너를 확장할 수 있어야 하지만 헤더는 확장할 수 없어야 합니다. +----+---------+|메뉴|제목||+-------+||테이블|+----+---------+ 이는 단 하나의 플렉스 컬럼으로 쉽게 달성할 수 있습니다. &lt;html&gt;&lt;스타일&gt;

P粉642920522 2023-09-06 17:30:06 0  1  408