그러나 helper: 'ui-ressible-helper' 또는 animate: true가 켜져 있으면 공식 예제의 너비가 자동으로 10PX만큼 증가한다는 것을 알 수 있습니다. 소스 코드를 주의 깊게 살펴본 후 다음과 같은 문제를 발견했습니다. 사진) 패딩을 사용하여 너비가 자동으로 추가되는 것은 당연합니다이 문제는 IE Firefox에 존재합니다. 이 문제는 찾기가 더 어렵지만 다음을 사용하여 테스트할 수 있습니다. 다음 코드: 코드 복사 코드는 다음과 같습니다. # 크기 조정 가능 { width: 350px; height: 150px; padding: 0.5em; } <br>#ressible h3 { text-align: center; margin: 0; -resizing-helper { 테두리: 1px 점선 #ddd } <br> "#resizing").ressible({ <br>maxWidth: 350, #최대 너비와 최소 너비를 일관되게 설정 <br>minHeight: 150, <br>minWidth: 350, <br>helper: 'ui-ressible-helper ' <br>}) <br>}) ; <br></head> <br><div id="ressible" class=" ui-widget-content"> <br>테스트 <br></div> <br></body> <br><br> <br><br><br> <br>위 내용만 넣어주세요<br> </div> <br><br> #크기 조정 가능 { 너비: 350px; 높이: 150px; <img alt="" src="http://files.jb51.net/upload/201010/20101026093059908.png" border="0"><p>패딩: 0.5em;<br></p> }<p> #크기 조정 가능 h3 { 텍스트<span style="max-width:90%"></span>- <span style="COLOR: red"></span>정렬: 가운데; 여백: <span style="COLOR: #000000"><br>0</span><span style="COLOR: #000000"> }</span><span style="COLOR: #000000"> </span> 다음으로 변경됨: <span style="COLOR: #000000"> </span><span style="COLOR: #000000"> #크기 조정 가능 { 너비: 350px; 높이: 150px;</span></p> }<p> #크기 조정 가능 h3 { 텍스트</p> <p>-<span style="COLOR: #000000"></span>정렬: 중앙; : <span style="COLOR: #000000"><br>5px</span><span style="COLOR: #000000"> }</span> <span style="COLOR: #000000"> </span>그렇습니다.<span style="COLOR: #000000"> </span>사실 잘 살펴보면 여전히 문제가 있다는 것을 알 수 있습니다. <span style="COLOR: #000000"></span> </p> <p> </p> <p>실제로는 ui-widget-content의 테두리 크기가 1px이기 때문에 #<br>resizing</p>의 너비를 2px<p><img alt="" src="http://files.jb51.net/upload/201010/20101026093059766.png" border="0"> 줄이도록 변경했습니다. </p>코드 수정:<p> <span style="COLOR: #000000"> </span>#크기 조정 가능 { 너비: 350px; 높이: 150px;<br></p> }<p></p> <p>은:<span style="COLOR: #000000"> </span><span style="COLOR: #000000">#크기 조정 가능 { 너비: 348px; 높이: 150px </span></p> }<p> </p> <p>테스트 중에는 정상입니다.<span style="COLOR: #000000"> </span>JQUI에 사소한 문제가 꽤 많이 있는 것을 발견했습니다....<span style="COLOR: #000000"></span></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
