clientWidth로 div 가로 폭의 값을 meta viewport의 width에 넣으려면
본문
<div id=wcheck>의 가로 폭의 값을 meta viewport의 width에 넣고 싶은데 잘 안되네요ㅜ
어떻게해야 넣을 수 있을까요? 도움 부탁드려요~
<script>
var clientWidth = document.getElementById('wcheck').clientWidth;
var meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = "width=clientWidth, initial-scale=1, shrink-to-fit=no, user-scalable=yes, minimal-ui";
document.getElementsByTagName('head')[0].appendChild(meta);
</script>
답변 3
근데 왜 스크립트로 집어 넣으세요?
그냥 최상단에 넣으면 될건데요
모바일에서 데이터 양에 따라 넓은 가로폭이 필요해서에요
이건 어떠세요?
var clientWidth = document.getElementById('wcheck').clientWidth;
var meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = `width=${clientWidth}, initial-scale=1, shrink-to-fit=no, user-scalable=yes, minimal-ui`;
document.getElementsByTagName('head')[0].appendChild(meta);
<script>
var clientWidth = document.getElementById('wcheck').clientWidth;
document.documentElement.style.setProperty('--viewport-width', clientWidth + 'px');
</script>
그리고css에서
@viewport {
width: var(--viewport-width);
min-zoom: 1.0;
max-zoom: 1.0;
}
이방법으로 해보세요
답변을 작성하시기 전에 로그인 해주세요.