๐ท๐ผ๋ชจ์ฌ๋ด์ ๊ฐ๋ฐ์์ฒ๐ท๐ผ
css div ๊ฝ ์ฑ์ฐ๊ธฐ ๋ณธ๋ฌธ
๋ฐ์ํ
1. ๋ฌธ์
- css์ width ๋ถ๋ถ์ ์๋ฌด๋ฆฌ 100%๋ก ์ค์ ํด๋ดค์ ์๊พธ div๊ฐ์ ํ์๊ฐ ์๊ฒผ๋ค.
2. ํด๊ฒฐ
- width๋ถ๋ถ์ 100%๋์ 100vw๋ฅผ ์ฌ์ฉํ์๋๋ ํด๊ฒฐ๋์๋ค.
<div class="content_map" id="content">
<div id="omsMapLayer" style="position:relative; width:100vw;height:100%;left:0px;top:0px;">
</div>
</div>
3. ๋ฒ์ธ
- height๋ 100vh๋ฅผ ์ฌ์ฉํ์ฌ์ผ ํ๋ค.
'๊ฐ๋ฐ > Front-end' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[JS/ํ์ผ ๋ค์ด๋ก๋] ๋ค๋ฅธ ์ฐฝ์ผ๋ก ์ด๋ ์ํ๊ณ ์๋์ฐ ํ์ ์ฐฝ์์ ํ์ผ ๋ค์ด๋ก๋ ๋ฐ๊ธฐ (0) | 2021.05.11 |
---|---|
[CSS] div ์ค๋ฅธ์ชฝ ์ ๋ ฌ๋ฐฉ๋ฒ (0) | 2021.05.10 |
[JSTL] ๋น๊ต ์ฐ์ฐ์ (0) | 2021.05.03 |
[JQuery/JS/HTML] ์คํฌ๋กค์ด ๋งจ ์๋ ์ผ๋ (0) | 2021.04.30 |
Illegal use of <when>-style tag without <choose> as its direct parent ์๋ฌ (2) | 2021.04.21 |
Comments