미채택 완료
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개 / 댓글 1개
2년 전
<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;
}
이방법으로 해보세요
비버팩토리이건 어떠세요?
Copy
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);근데 왜 스크립트로 집어 넣으세요?
그냥 최상단에 넣으면 될건데요
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.