위 챗 애플 릿 그림 너비 높 음 적응 상세 설명

위 챗 애플 릿 이미지 너비 적응
1.이전 에는 작은 프로그램의 그림 폭 을 화면 너비 로 설정 합 니 다.


imageLoad: function () {
   this.setData({
     imageWidth: wx.getSystemInfoSync().windowWidth
   })
 }

2.현재:


.imgClass{
 width: 100vw;
}

해석:
CSS 3 에서 도입 한'vw'와'vh'는 창 크기 에 대한 너비/높이 를 기반 으로 합 니 다.
”vw”=”view width”“vh”=”view height”
이상 저 희 는 창 단위 라 고 부 르 며 브 라 우 저 창 에 더 가 까 워 서 크기 를 정의 할 수 있 습 니 다.
데모 사례 를 참조 하여 다음 네 용기 의 css 스타일 을 대조 합 니 다.


.demo {
  width: 100vw;
  font-size: 10vw; /*      100%，         10% */
}
.demo1 {
  width: 80vw;
  font-size: 8vw; /*      80%，         8% */
}
.demo2 {
  width: 50vw;
  font-size: 5vw; /*      50%，         5% */
}
.demo3 {
  width: 10vw;
  height: 50vh; /*      10%，         50% */
}

읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

OpenSSL 생 성 ssl 인증서

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

위 챗 애플 릿 그림 너비 높 음 적응 상세 설명

좋은 웹페이지 즐겨찾기