테스트 사이트 - 개발 중인 베타 버전입니다

부트스트렙 질문입니다. 채택완료

Rido 10년 전 조회 2,712

부트스트렙으로 뭘 해보려고 했더니...

참.. 어렵네요

 

 

선구자님들의 도움요청입니다.

부트스트렙에 보면 이미지를 반응형으로 크기에 따라서 줄여줄 수 있는데요..

폰트 크기도 반응하여 줄어들게 가능한가요??

 

가능하다면 어디 링크라도 좋으니 투척해주시면 감사하겠습니다. 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

어차피 부트스트랩을 사용해도 어느정도 css는 추가해서 사용해야 합니다.

css 에 미디어쿼리를 코딩해준 후, 해상도 사이즈별로 font-size 넣어주면 됩니다.

 

참고하세요.

http://bootstrapk.com/css/#grid-media-queries">http://bootstrapk.com/css/#grid-media-queries 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

R
Rido
10년 전
예 미디어 쿼리로 해보려고 했는데 잘 안먹네요... ㅡ.ㅜ
무식하게 jqury로 짜서 해결했습니다. 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

Rido
10년 전

무식하게 jqury로 하나 만들었습니다.

 

혹시 사용하실분은 참고 발바니다.

 

</p><p> </p><p><script></p><p>$( window ).resize(function() {</p><p><span class="Apple-tab-span" style="font-size: 11pt; line-height: 1.5; white-space: pre;">	</span><span style="font-size: 11pt; line-height: 1.5;">var width = $(window).width();</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span>if ( width > 1170)<span class="Apple-tab-span" style="white-space:pre">	</span>{$("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");<span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span>} 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");</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>} 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");</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>} 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");</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>}</p><p>}); </p><p></script></p><p> </p><p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

폰트크기는 안줄어요 ㅎㅎ

 

PC 버전 태블릿버전 모바일버전일때마다 다르게 보여줄라면

 

hidden-xs , visible-xs 클래스를 써보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
solsu1
10년 전
고맙습니다. 이런 클래스가 있군요. 쩝.. 암것도 모르니...
우선 복사붙이기 했답니당!!. ㅎ
이런 것이 있었군.. ㅡㅡ/
새벽까지 또 일하셨네.. Rido
선생님 꼭 쉬시면서 하세요!! 돼지코구뇽님.. 고맙습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인