CSS

μœ λΉ„λΉ…Β·2021λ…„ 6μ›” 7일
0

πŸ“•

λͺ©λ‘ 보기
3/3

πŸ“•CSS μžŠμ§€λ§μž

πŸ“‘ λ°˜μ‘ν˜• css 
width: 100vm;
height: 100vh;
μ΄λ ‡κ²Œ μ“°λ©΄ μ΅œλŒ€ νŽ˜μ΄μ§€ λ„“μ΄λ§ŒνΌ λ°˜μ‘ν˜•μœΌλ‘œ λŠ˜μ–΄λ‚˜λŠ”λ° λ‹«κΈ°λ²„νŠΌ μ°½ 이상을 λ›°μ–΄λ„˜λŠ” κ²½μš°λ„ λ°œμƒν•  수 μžˆμ–΄μ„œ
-max-width:100%; 둜 κ°€λ‘œ μŠ€ν¬λ‘€μ„ μž‘μ„ 수 μžˆμ—ˆλ‹€
-overflow:hidden; μ„Έλ‘œ μŠ€ν¬λ‘€μ€ λΆ€λͺ¨κ°μ²΄ν•œν…Œ overflowλ₯Ό μ‹¬μ–΄μ„œ 야맀(?)적으둜 μž‘μ„ 수 μžˆμœΌλ‚˜
 ν•˜λ‹¨ contentsκ°€ μ•ˆ 보일 수 μžˆλ‹€πŸ€·β€β™€οΈ
πŸ“‘ font-size: 1.0**rem** 이걸둜 μ§€μ •ν•˜λ©΄ λ°˜μ‘ ν˜•μ— 같이 λ°˜μ‘ ν•΄μ€€λ‹€
πŸ“‘ λΆ€λͺ¨κ°μ²΄ positon: absolute;와 css지정 ν›„ μžμ‹ 객체(Map)μ—κ²Œ position: relative;둜 지정 ν›„ 
	z-index와 css둜 지도 μœ„μ— μ˜€λ²„λ ˆμ΄ μ΄λ―Έμ§€λ‚˜ ν…Œμ΄λΈ”μ„ ν•  수 μžˆμ—ˆλ‹€

0개의 λŒ“κΈ€