css responsive @media query example

site: http://starworks.igaworks.com/page/index


/* Responsive Device Start */
/* Responsive Device Start */
/* Responsive Device Start */

/* 사용자 해상도가 1240px 이상일 때 */
@media (min-width: 1240px) {
  .footer-tab {
    box-sizing: border-box;
    background-color: #FCFCFC;
    color: #AAAAAA;
    width: 1060px;
    padding: 0px;
    margin: 0 auto;
    font-size: 10px;
  }
}
/* 사용자 해상도가 1239px 이하일 때 */
@media (max-width: 1239px) {
  header .wrap {
    position: relative;
    width: 95%;
    line-height: 50px;
    padding: 0px 50px;
    margin: auto;
    height: 100%;
  }
  article section .wrap {
    box-sizing: border-box;
    width: 95%;
    padding: 0px 50px;
    margin: 0 auto;
    background-color: #FFF;
  }
  .footer-tab {
    width: 90%;
    font-size: 9px;
  }
  .footer-mail {
    text-align : right !important;
  }
  .wrap.subscribe .row.faqTerms1 {
      padding: 0px;
      margin: 0px;
  }
  .list_board .txt_date {
    font-size:10px;
  }
  .answer p {
    padding: 25px 90px 0px 110px;
  }
}
/* 사용자 해상도가 1024px 이하일 때 */
@media (max-width: 1024px) {
}

JSON 관련 함수

JSON.parse() <->JSON.stringfy()와 서로 반대개념

A common use of JSON is to exchange data to/from a web server.

When receiving data from a web server, the data is always a string.

Parse the data with JSON.parse(), and the data becomes a JavaScript object.

Example - Parsing JSON

Imagine we received this text from a web server:

'{ "name":"John", "age":30, "city":"New York"}'

Use the JavaScript function JSON.parse() to convert text into a JavaScript object:

var obj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}');

css liline와 block

참조 http://www.beautifulcss.com/archives/1179