구글번역을 홈에 달았는데 PC에서는 103개국어가 다나오는데..폰에서는 짤려요
본문
구글번역을 홈에 달았는데 PC에서는 103개국어가 다나오는데..폰에서는 아래 그림 처럼 짤려요
구글에서 주는 스크립트를 아래처럼 붙여넣었습니다.
<style>
.newartcle {
display:block;
text-align:center;
width:100%;
margin-top: 31px;
margin-bottom:15px;
padding:0;
}
.tnb_gs {
float:right;text-align:right;
margin: 0;padding:0;
list-style:none;
}
<div class="newartcle">
<a href="<?php echo G5_BBS_URL ?>/new.php"><button class="btn border1 border111"><strong>New Posts</strong></button></a>
<div class="tnb_gs">
//구글에서 받은 스크립트 입니다.
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
//구글에서 받은 스크립트 입니다. 끝
</div>
</div>
좋은 해결 방법이 없을까요? 아무리 뒤져도 답을 찾을 수가 없네요!!!
답변 2
그림이 없어서 어떤 상태인지 모르겠습니다.
width:100% 로 인함 입니다.
스마트폰은 세로와 가로에 따라서 화면 크기가 달라지는데, 브라우저가 그것에 대한 대응이 원활하지 않습니다.
그래서 앱의 경우에는 한쪽으로 고정을 시키죠.
width:300px 이런식으로 고정해보면 어떨까 싶습니다.
width:100%와 width:300px의 차이가 없습니다.
세로 11개국어 가로 4줄 스페인어 까지만 노출이 됩니다.
세로 11줄이 아니라 더 내려가야하는 데 안 내려가네요
다른 사람의 경우는 어떤 지 궁금합니다.
http://www.happyjung.com/lecture/2147 제가 사용하는 방법입니다.
모바일은 적용 안해봐서 모르겠네요....
잘 보았습니다. PC에서는 문제가 없습니다. 모바일이 안네요...ㅜ 103개국어를 모바일화면안에 다 뿌리는 것이 욕심일까요?
많은 도움 주셔서 감사드립니다.
여기 그림올렸습니다.
