두 이미지를 모두 가져왔습니다( IMG 和 IMG2 ）。 IMG 假设在视口宽度小于 600px 时显示，而如果视口宽度大于或等于 600px，则显示另一张。所以我添加了一个函数来检查视口宽度，然后它返回这两个图像之一，但问题是它只返回我放入函数中的第一个图像，即 IMG . 뷰포트 너비가 600px보다 커져도 여전히 IMG2 대신 IMG가 표시됩니다. 참고: 미디어 쿼리를 사용하고 디스플레이를 없음으로 설정하면 이 문제를 해결할 수 있지만 React
Github에 있는 모든 코드에 대한 링크: https://github.com/Issamath/PerfumeProduct.com
으아아아 으으으으
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
React로 이를 수행하려면 문서 크기 조정 이벤트를 첨부해야 합니다.
아래는 크기 조정 시 텍스트와 배경색을 변경하는 간단한 예입니다.