responsive-images

-1열

1답변

왜 max-width가 img를 포함하는 블록의 너비가 아닌 기본 해상도로 제한합니까?

나는 반응 형 웹 디자인에 대한 자습서를 보았습니다. 이 튜토리얼에서는 너비 스타일을 100 %로 설정하여 이미지를 반응 적으로 만들 수 있다고 지정했지만, 포함 요소의 너비가 충분히 넓 으면 (이는 내게 완벽 함) 튜토리얼에서 max-width를 100 %로 설정하여 이미지의 크기를 기본 해상도로 제한 할 수 있습니다. (이것은 나에게 이해가 가지 않습니

0열

1답변

일부 장치에서 반응 형 이미지가 올바르지 않음

영웅 이미지를 반응 적으로 만들려고합니다. 그들은 보통 16 : 9이지만 모바일 버전에서는 브라우저가 1 : 1 비율로 만든 다른 이미지를 표시하기를 원했습니다. 그러나 일부 장치에서는 여전히 16 : 9 버전을 표시합니다. 이것은 특히 삼성 갤럭시 S6에 해당됩니다. 솔직히 말해서 솔직히 말해서 나는 앞뒤로 테스트 할 수있는 비슷한 제품이 없다. 내가 많

0열

2답변

PureCss 반응 형 이미지

나는 purecss를 사용하여 첫 페이지를 만들려고 노력하고 있는데, 순간적으로 반응이있는 이미지를 얻기 위해 pure-img를 사용하고 있는데, 화면을 축소하면 이미지가 반응하지만 화면은 더 커지고 이미지는 원본 치수에서 증가하기로되어 원래 크기로 고정됩니다. 당신이 좀 도와 주실 래요 :

0열

1답변

srcset 및 크기를 사용하여 반응 형 이미지가 완전히 사라짐 느낌

srcset 및 크기를 사용하여 내 사진 사이트에서 이미지를 최적화하려고 시도했지만 브라우저의 관리자가 가장 큰 이미지 크기를로드 중임을 알려줍니다. 이를 확인하기 위해 숫자로 새 이미지를 추가 했으므로 어느 크기의 이미지가로드되는지 확인할 수 있습니다. 하지만 미디어 쿼리를 어지럽히는 방법으로 문제없이 제대로 작동하지 않습니다. 내 문제는 미디어 쿼리를

0열

1답변

응답에 따라 크기를 조정할 때 Divs를 같은 줄에 유지하십시오.

같은 줄에 내 div를 유지하는 방법을 찾는 데 문제가 있습니다. 오버 플로우 나 가로 스크롤없이 화면을 조정할 때 크기를 줄이거 나 늘리면서 모든 이미지를 같은 줄에두기를 원했습니다. 각 이미지는 숨겨진 텍스트를 표시하기 위해 자바 스크립트 코드가 실행되는 링크입니다. My website 내 모든 코드에 대한 jsfiddle을 만들었습니다 : jsfidd

1열

1답변

이미지와 텍스트가 반응하는 부트 스트랩 3 열

아래 코드는 이미지와 텍스트가 작은 화면에서 크기가 줄고 마지막으로 스마트 폰에서 1 열로 된 3 개의 열을 표시합니다. 2 가지 문제가 있습니다. 가장 작은 화면에서 1/이미지가 너무 크고 2/텍스트가 이미지 아래에 있습니다 (큰 화면과 같음). 그러나 이미지의 측면에 나타납니다 (가장 작은 화면의 절반 크기).). 나는 많은 예제를 보았다,하지만 난 단

0열

1답변

srcset + 크기를 사용하여 숨겨진 이미지에 대한 다운로드 억제

srcset을 사용하여 특정 중단 점에서 숨겨진 이미지에 대한 다운로드 억제/제한 솔루션을 찾고 있습니다. 배경 이미지와 자바 스크립트 사용을 피하고 싶습니다. 아이디어는 뷰포트 ≤ 768px가 (포함하는 사업부가 숨겨져있는 경우), 사용자가 1 픽셀의 투명 제공됩니다되는 것을 @media screen and (max-width: 768px) {

3열

1답변

다중 최소 너비 vw 및 px 값을 갖는 Srcset.

sizes 속성에 문제가 있습니다. 나는 얼마 전에 어느 크기의 선언을해야하는지에 대해 a question 전에 Yoav와 Yoav가 선언해야한다고 말했다. "크기 값은 가장 좁은 중단 점에서 시작하여 점차 넓은 점으로 이동해야하므로 귀하의 경우에는 최소 너비 : 62.5em) 25vw, (최소 너비 : 30em) 50vw, 100vw 그렇지 않으면 망막

-2열

2답변

CSS를 기반으로 한 반응 형 로그인 양식

페이지의 배경에 배경 이미지와 등록 상자가있는 배경 이미지로이 페이지 응답을 만드는 데 몇 가지 노력했습니다. 위장은 부트 스트랩을 사용하지 않고 css는 100 % 작동하지 않습니다. 최선이 무엇인지 는 데스크톱 장치뿐만 아니라 코드 펜 링크 http://codepen.io/anon/pen/eBGzOY 모바일을 지원 있도록이 반응하는 것이었다 <body

2열

1답변

2 개의 srcset 이미지가로드되는 이유는 무엇입니까?

반응 형 웹 템플릿을 개발할 때 srcset 속성을 사용하여 현재 뷰포트 크기에 따라 다른 이미지를로드합니다. 이것은 일반적으로 잘 작동합니다. 그러나 생산 모드에서, 이미지는 DAM (Digital Asset Management System)으로부터 로딩되며, 여기서 특별한 파라미터는 요구 된 이미지를 스케일링하고 자르기 위해 사용된다. <img src=