부트스트랩 폰트 제어하는 방법..
본문
반응형웹 부트스트랩 폰트 제어하는 방법
웹에서 글과 사진, 글과 사진 이렇게 배치하려고 코딩했는데
모바일에서도 아래 소스가 그대로 먹어서 세로로 한줄로 보인다는..ㅜㅜ
@media 사용하는 방법을 찾다가 못 찾아서 질문을 남겨 봅니다.
웹에서 제어하는 코딩내용과 달리 모바일에서 다르게 표현하려면 @media 를 어떻게 사용해야 하는지
알려주심 고맙겠습니다!
.font1 {
width:80%;
padding:60px 140px 40px 140px;
font-size:1.25em;
text-align:center;
line-height:160%;
}
}
@media (max-width: 768px) {
.font1 {
width:80%;
padding:6px 2px 6px 2px;
font-size:1em;
text-align:center;
line-height:160%;
}
}
<div class="font1">
<h2>애국가</h2><br>
동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세
</div>
답변을 작성하시기 전에 로그인 해주세요.