Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- silent printing
- camera access
- ffi-napi
- adb connect
- vercel git lfs
- html
- Git
- augmentedDevice
- react-native
- Failed to compiled
- rolldown
- ELECTRON
- 티스토리 성능
- github pdf
- 이미지 데이터 타입
- Recoil
- nextjs
- Each child in a list should have a unique "key" prop.
- animation
- device in use
- adb pair
- Can't resolve
- npm package
- camera permission
- electron-packager
- custom printing
- react-native-dotenv
- github lfs
- dvh
- github 100mb
Archives
- Today
- Total
Bleeding edge
HTML - 08 본문
img에 width와 height를 주면 속도가 빨라진다 일종의 will change가 될 수 잇다
[class*="tittle"]
.appMain [class^="__summary"]{
}캐럿기호 등등 어떻게 다른지 체크할 것
.iframeWrapper {
position: relative;
padding-top: 56%;
width: 100%;
height: 0;
}
.iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
padding은 width를 기준으로 계산된다
.iframeRatio-4-3{
padding-top:75%
}
.iframeRatio-16-9{
padding-top:56.25
}
'HTML & CSS' 카테고리의 다른 글
| transition와 height를 이용하여 애니메이션을 넣기 (0) | 2023.05.06 |
|---|---|
| 모바일에서 100vh를 적용할 때 생기는 문제 해결하기 (0) | 2023.04.04 |
| svg를 before, after과 같은 의사 클래스에 적용하기 (0) | 2023.01.26 |
| HTML (0) | 2022.07.25 |
| About XML (0) | 2022.07.11 |