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 |
Tags
- device in use
- Can't resolve
- 티스토리 성능
- github pdf
- nextjs
- ELECTRON
- dvh
- github 100mb
- 이미지 데이터 타입
- rolldown
- Recoil
- ffi-napi
- react-native
- npm package
- adb connect
- electron-packager
- silent printing
- animation
- Git
- vercel git lfs
- react-native-dotenv
- adb pair
- html
- github lfs
- camera permission
- camera access
- augmentedDevice
- Failed to compiled
- custom printing
- Each child in a list should have a unique "key" prop.
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 |