반응 형 웹 디자인에서 이미지를 확대 및 축소하는 기본 방법은 무엇입니까?모바일 용 반응 형 웹 디자인에서 이미지를 확대 및 축소하는 기본 방법은 무엇입니까?
화면 크기가 다른 이미지가 더 낫습니까? 또는 동일한 이미지를 위아래로 비율을 조정해야합니까?
웹 사이트의 성능을 가장 잘 고려한 옵션은 무엇입니까?
모든 최신 모바일 브라우저에서 작동하려면 크로스 브라우저 방식이 필요합니다.
@jitendra의 Vyas는, 다른 화면 크기에 동일한 이미지를 확장
좋은 일이 아니라 이미지를 확장하는 반응 형 웹 디자인에 대한 나쁜 일이 아니다 당신이 같은 일부 특정 해상도에서 이미지를 & 디자인을 변경해야 할 수도 있습니다 1024px & 480px는 모바일 장치의 탭 해상도이기도합니다.
같은 많은 이유가 있습니다 : 모바일 장치에 대한
1) 큰 크기의 이미지를로드하는 무거운이다.
2) 한 이미지를 다른 해상도로 스케일링하는 것은 더 큰 이미지의 경우 특정 시점에서보기 흉한 것이되었습니다.
영리하게 이미지를 사용할 수있는 참조 웹 사이트 링크가 있습니다.
http://css-tricks.com/
& 그것에 문서 http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Sencha.io의 SRC (tinySrc 기준) 좋은 해결책이다.
장치 검색을 수행 한 다음 장치 화면 크기에 따라 크기가 조정 된 이미지를 제공합니다.
나는 용기의 크기에 따라 이미지 트로프 아약스를로드하는 작은 jQuery 플러그인을 작성에 대해 생각하고 있어요. 하지만 내 생각을 훔쳐 주시기 바랍니다. (만약 당신이 그것을 끝내면 바로 여기에 언급하십시오.) ;-)
좋은 생각처럼 들리 네. :) –
시도 {max-width : 100 %} – user956584