2016-12-19 3 views
0

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

당신이 좀 도와 주실 래요 :

답변

0

시도 :

img { 
    max-width: 100%; 
    height: auto; 
} 
+0

죄송합니다, 문제는 이미지가 충분히 큰되지 않습니다, 그래서 나는 그들이 100 % 자신의 폭을 통해 가야 같아요. 그러나 나는 단지 그것이 작동하지 않는 너비를 늘리면, 나는 그것이 100 % 이상으로 이미지의 너비를 제한하는 purecss라고 생각한다. – Albic7

+0

아 ... 잘 너는 단지 너비를 100 % ,하지만이 해상도를지나 이미지를 늘릴 것입니다 .. 당신은 자바 스크립트 수정을 사용할 수 있지만 제 생각에는 응답 이미지에 대한 JS를 사용하여 잔인합니다. 태그를 볼 수도 있지만 모든 브라우저에서 지원하지는 않으므로 IE와 모든 것을 알 수 있습니다. 또는 이미지를 저장하여 사이트의 래퍼에 항상 맞출 수 있고 위의 방법을 사용할 수 있습니다 ... 당신이 모바일 장치에 특대 이미지를 보내고 있다는 것을 의미하지만, 이미지 압축은 그렇게 나쁘지 않습니다. – Dominion79

0

가장 간단한 방법 - 당신의 이미지에 width: 100%을 추가합니다. 내가 제대로 자신을 설명 할 수

https://jsfiddle.net/zv95xt4r/