목표 : 해상도이미지
문제에 따라 이미지 크기를 조정하려면 : 우리가 크기를 조정하지 않으면, 정렬 및 이미지 구조가 사라질 것
을 다음 코드가 필요합니다. 작은 이미지의 너비를 100 %로 조정하고 싶지 않습니다.
System.Drawing.Image img = System.Drawing.Image.FromFile(imgTest.Src);
if (img.HorizontalResolution > 1000)
{
imgTest.Attributes.Add("width", "100%");
}
올바른 방법인가요? 또는 동일한 작업을 수행 할 수있는 다른 방법이 있습니까? 어떤 CSS를 사용하여 C# 코드를 대체 할 수 있습니까?
좀 더 구체적으로 기재 할 수 있습니까?
기본적으로 새 크기 어딘가에 이미지를 저장 하시겠습니까?
또는 특정 너비/높이가되어야하는 DIV 또는 TD 안에 이미지를 표시하고 싶습니까?
만약 당신이 옳다고 이해한다면 더 큰 이미지의 크기를 조정하려는 것입니다. 따라서 임계 값 이하의 것은 크기가 조정되지 않아야합니다. 맞습니까?
이 디스플레이에 대한 간단한 경우, 당신은이 모든 도랑 수 있으며, 단지이 작은 이들 제약하지만, 고정 종횡비 중 하나를 초과하는 이미지를 만들 것입니다
img
{
max-width:1000px;
max-height:1000px;
}
CSS 사용합니다.
이 링크는 이러한 CSS 속성 http://www.w3schools.com/cssref/pr_dim_max-height.asp의 기본이 도움이되었다 경우
가 알려줘을 설명합니다! 건배!
이렇게하려면 CSS 미디어 쿼리를 사용할 수 있습니다. 주의 사항 : 웹 디자이너는 모바일 장치에서이를 구현하기 위해 소위 "반응 형 웹 디자인"기술을 사용하는 경향이 있습니다. 나의 충고 :이 유행을 따르지 마라. 미디어 쿼리는 모든 마크 업과 이미지가 다운로드 된 후에 시작됩니다. 따라서 모바일 장치 용으로 더 작은 이미지를 적용하려면 모든 데스크톱 버전이 여전히 다운로드되어 중요한 성능 문제가 발생합니다.
모바일 장치 용으로이 작업을 수행하려는 경우 모바일 용으로 별도의 사이트를 만들어 CSS 미디어 쿼리를 적용하십시오. Mobi를 사용하여 브라우저 기능을 감지하십시오.
일반 데스크톱 브라우저 사이트 인 경우 CSS 미디어 쿼리를 사용하십시오.
http://www.w3.org/TR/css3-mediaqueries/
최대 폭과 높이를 설정을 통해이 방법을 사용의 장점은 이미지의 품질을 유지한다는 것입니다. 미디어 쿼리에 사용할 수있는 더 작은 버전을 사용하면됩니다.