구글번역 스크립트 채택완료
사정이 있어서 다국어로 아래와 같은 스크립트를 사용 했습니다.
나리야 빌더를 사용하여 완전히는 번역되지 않겠지만 아래와 같은 스크립트를 알게 되어 메인에 삽입하였고 PC버전에서는 그런대로 괜찮은거 같은데 모바일 버전에서는 PC버전 같이 나오지 않고 국가명이 짤리네요 이걸 세로로 다 나오게 할 수 있을까요 ?
고수님들 부탁 드립니다.
--------------------- 사용 스크립트---------------------------------
<style type="text/css">
<!--
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(//gtranslate.net/flags/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
body {top:0 !important;}
-->
</style>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'ko', layout: google.translate.TranslateElement.InlineLayout.SIMPLE,autoDisplay: false, includedLanguages: ''}, 'google_translate_element');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script">https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
---------------------------- PC 버전일때 -------------------------------------
* 모바일 버전일때 이렇게 짤립니다 ㅠㅠ
답변 4개
<style>
<!--
~~
-->
@media (max-width:767px) {
#google_translate_element {width:100%;}
}
</style>
처럼 <!-- 와 --> 사이 말고 넣어보세요.
답변에 대한 댓글 2개
스크롤 기능을 넣는 걸로 해결 되었습니다.
도움 주셔서 다시 한 번 감사 드립니다.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
<style>
~~
~~
@media (max-width:767px) {
#google_translate_element {width:100%;}
}
</style>
댓글을 작성하려면 로그인이 필요합니다.
div의 넓이가 고정되어 있는게 아닐까요?
css로 100%로 주면 어떨지 해보세요.
@media (max-width:767px) {
#google_translate_element {width:100%;}
}
답변에 대한 댓글 1개
넓이를 767외에 567, 367등으로 해도 변하지 않네요 ㅠㅠ
<!-- 번역 시작 { -->
<style type="text/css">
<!--
@media (max-width:767px) {
#google_translate_element {width:100%;}
}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(//gtranslate.net/flags/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
body {top:0 !important;}
-->
</style>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'ko', layout: google.translate.TranslateElement.InlineLayout.SIMPLE,autoDisplay: false, includedLanguages: ''}, 'google_translate_element');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- 번역 끝 { -->
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
확신의 말씀 주셔서
<!-- 번역 시작 { -->
<style type="text/css">
<!--
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(//gtranslate.net/flags/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
body {top:0 !important;}
-->
@media (max-width:367px) {
#google_translate_element {width:100%;}
}
</style>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'ko', layout: google.translate.TranslateElement.InlineLayout.SIMPLE,autoDisplay: false, includedLanguages: ''}, 'google_translate_element');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- 번역 끝 { -->
이렇게 했는데도 변화가 없네요 ㅠㅠ