그림 (img 태그) 크기 적응
3308 단어 img
1 $(function(){
2 var myimg,oldwidth,oldheight;
3 var maxwidth=249;
4 var maxheight=187;
5 var imgs = document.getElementsByTagName('img');
6
7 for(i=0;i<imgs.length;i++){
8 myimg = imgs[i];
9
10 if(myimg.width > myimg.height)
11 {
12 if(myimg.width > maxwidth)
13 {
14 oldwidth = myimg.width;
15 myimg.height = myimg.height * (maxwidth/oldwidth);
16 myimg.width = maxwidth;
17 }
18 }else{
19 if(myimg.height > maxheight)
20 {
21 oldheight = myimg.height;
22 myimg.width = myimg.width * (maxheight/oldheight);
23 myimg.height = maxheight;
24 }
25 }
26 }
27 })
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【도해】어째서 「vertical-align: middle;」로 img 요소 아래의 여백이 없어지는 것인가? 해설 해 보았다.HTML · CSS로 코딩 할 때 img 요소 아래에 수수께끼의 여백이 나오는 것은 없습니까? 이것은 img 요소에 vertical-align: middle;를 설정하면 해결됩니다. 원래 왜 이런 현상이 일어나고 있...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.