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개
<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;
}
이방법으로 해보세요
댓글을 작성하려면 로그인이 필요합니다.
이건 어떠세요?
</p>
<p>var clientWidth = document.getElementById('wcheck').clientWidth;</p>
<p>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);댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인