[work] Mobile

PC 환경일 경우 ie9부터

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">

 

@media (min-width:721px) {

body{background:#ddd;}   

#wrap{width:720px;box-shadow:0 0 10px rgba(0,0,0,0.3)}

}

 

<meta name="viewport" content="width=720, user-scalable=no, target-densitydpi=medium-dpi" />

<meta name="apple-mobile-web-app-capable" content="yes"/>

<!--[if lt IE 9]>

<link type="text/css" rel="stylesheet" href="http://static.bbci.co.uk/news/1.132.284/stylesheets/services/news/old-ie.css">

<script src="http://static.bbci.co.uk/news/1.132.284/js/vendor/html5shiv/html5shiv.js"></script>

<![endif]-->

* {

margin:0;

padding:0;

border:0;

color:inherit;

font-family:inherit;

font-size:100%;

line-height:inherit;

}

article, aside,details,figcaption,figure,footer,header,hgroup,menu,section{

display:block;

}

ol,ul{

list-style:none;

}

table{

border-collepse:coollapse;

border-spacing:0;

}

img{

max-width:100%;

}

body{

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    text-size-adjust: 100%

}

button {

    overflow: visible;

    width: auto

}

.hidden{

    display: none;

    visibility: hidden

}