답변 3개 / 댓글 2개
채택된 답변
+20 포인트
길치거북이
2015-06-09 (화) 09:23:57
어차피 부트스트랩을 사용해도 어느정도 css는 추가해서 사용해야 합니다.
css 에 미디어쿼리를 코딩해준 후, 해상도 사이즈별로 font-size 넣어주면 됩니다.
참고하세요.
답변에 대한 댓글 1개
2015-06-09 (화) 09:33:25
2015-06-09 (화) 09:34:20
무식하게 jqury로 하나 만들었습니다.
혹시 사용하실분은 참고 발바니다.
Copy
<script>$( window ).resize(function() { var width = $(window).width(); if ( width > 1170) {$("h1").css("font-size","36px"); $("h2").css("font-size","30px"); $("h3").css("font-size","24px"); $("h4").css("font-size","18px"); $("h5").css("font-size","14px"); $("h6").css("font-size","12px"); } else if (width <= 1170 && width >= 992) { $("h1").css("font-size","36px"); $("h2").css("font-size","30px"); $("h3").css("font-size","24px"); $("h4").css("font-size","18px"); $("h5").css("font-size","14px"); $("h6").css("font-size","12px"); } else if (width < 992 && width >= 768) { $("h1").css("font-size","28px"); $("h2").css("font-size","24px"); $("h3").css("font-size","22px"); $("h4").css("font-size","18px"); $("h5").css("font-size","14px"); $("h6").css("font-size","12px"); } else { $("h1").css("font-size","25px"); $("h2").css("font-size","20px"); $("h3").css("font-size","18px"); $("h4").css("font-size","16px"); $("h5").css("font-size","14px"); $("h6").css("font-size","12px"); }}); </script>돼지코구뇽
2015-06-09 (화) 05:00:40
폰트크기는 안줄어요 ㅎㅎ
PC 버전 태블릿버전 모바일버전일때마다 다르게 보여줄라면
hidden-xs , visible-xs 클래스를 써보세요
답변에 대한 댓글 1개
solsu1
2015-06-09 (화) 07:35:34
고맙습니다. 이런 클래스가 있군요. 쩝.. 암것도 모르니...
우선 복사붙이기 했답니당!!. ㅎ
이런 것이 있었군.. ㅡㅡ/
새벽까지 또 일하셨네.. Rido
선생님 꼭 쉬시면서 하세요!! 돼지코구뇽님.. 고맙습니다.
우선 복사붙이기 했답니당!!. ㅎ
이런 것이 있었군.. ㅡㅡ/
새벽까지 또 일하셨네.. Rido
선생님 꼭 쉬시면서 하세요!! 돼지코구뇽님.. 고맙습니다.
답변을 작성하려면 로그인이 필요합니다.
무식하게 jqury로 짜서 해결했습니다. 감사합니다.