웹마스터 팁

우선 들어가기 앞서 다시 말하는데 저는 소스조차 제대로 외우지 못하는 왕초보입니다

그래도 검색과 물어볼수 있는 네트워크 환경이 만들어져서 잘 활용하여

저만의 놀이터를 만들고 혼자 놀고 있습니다 ㅎㅎㅎ

 

 

미디어 쿼리를 적용해주어야 합니다

레이아웃 html에 아래 소스를 입력해줍니다

 

<div class="hidden-lg" id="outer_btn_right">
<div style="left: -17%; top: 45px; width: 120px; height: 600px; margin-left: 485px; position: absolute;">광고<br>
가로120<br>
세로600</div></table></div>

 

이렇게 하면 미디어 쿼리를 읽고 창크기에 따라서 배너를 숨겨줍니다

 

그전에 css 파일로 미디어 쿼리를 작성해 줘야 하는데요

 

@media screen and (max-width: 1550px) {
  #outer_btn_right {
    display: none;
  }
}

위 처럼 작성 하시면 됩니다

#outer_btn_right는 적용할 id값이 되는거죠

따라했는데 안되셨을겁니다 그 이유는 css가 읽히지 않았기때문이죠

@import url('http://fonts.googleapis.com/earlyaccess/hanna.css');

레이아웃 html 상단에 위 소스를 적어주면 됩니다

 

특정 html에서만 나타나게 할경우 레이아웃에 import로 폰트ccs를 불러와줘야 합니다

<style type="text/css">

body {
  font-family:'Hanna';
}

</style>

이리하면 특정 게시판하고 문서에서만 웹폰트가 적용되는데 메뉴에는 적용시키고 싶지 않은데 그방법은 더 알아봐야겠네요

태그 연관 글
  1. [2015/06/03] 묻고답하기 미디어 쿼리로 배너 숨기기 by 착한동구 *5