<div class="intro">img,a img{ 테두리:0; 여백:0; 너비:표현(this.width590?590px:this.width); (this.height590?590px:this.height) } 위의 <span style="color: #333333"><span style="color: #333333">css 코드</span></span>는 2가지 문제를 발생시킵니다! 1. 사진이 정말 멋지게 나올 거예요 </div> <div class="content"> img,a img{ <br>테두리:0; <br>여백:0; <br>최대 너비:590px <br>너비:표현식 ?"590px":this.width); <br>최대 높이:590px; <br>높이:표현(this.height>590?"590px":this.height) <br><br>위 코드는 두 가지 문제를 야기합니다! <br>1. 사진이 매우 작아집니다. 제대로 표시하려면 한 번 새로 고쳐야 합니다! <br>2. 사진의 비율이 줄어들지 않아 사진이 심하게 변형됩니다! <br>다음과 같이 수정하세요: <br><br><br><br><!-- 시작 <br><br>CSS<span style="color: #333333"><span style="color: #333333"> 이미지 크기 조절 09.1.15 --> <style type="text/css"> <!-- <br>img,a img{ <br>border:0 <br>padding:0; <br>최대 너비:650px; <br>너비: 표현식(this.width > 650 && this.width > this.height ? 650px : 'auto';) <br>최대 높이:1650px; 🎜 >height: expresion(this.height > 1650 ? 1650px : 'auto';) <br>} --> <br></style><br><!-- CSS 제어 이미지 크기 종료 09.1 .15 --><br><br>위 코드를 <br><br> 웹페이지 템플릿<br><br>의 <head></head> 사이에 넣으세요. <span style="color: #333333"><span style="color: #333333"></span></span> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
