joomla 모바일 페이지의 모든 이미지 크기 조정

Question

모바일 인 경우 모든 이미지 폭을 50 %로 만들려고합니다. 지금 모바일인지 확인하는 것은 문제가되지 않습니다.

나는 시도했다 : 그것은 작동하지 않습니다

document.getElementsByTagName('img').style.width="50%"; 

. 아무도 나를 도울 수 있습니까?

Answer 1

document.getElementsByTagName('img') 

은 개별 요소가 아닌 NodeList를 반환합니다.

var imgs = document.getElementsByTagName('img'); 

for(var i = 0, l = imgs.length; i < l; ++i){ 
    imgs[i].style.width = '50%'; 
} 

:

코드를 작동하게하려면, 먼저, 변수가있는 NodeList를 할당 통해 다음 루프를 각각 개별적으로 변경 사항을 적용해야합니다