Public snipts » comsharp's snipts » comsharp

• @media only screen and (max-device-width: 480px) {
  	div#wrapper {
  		width: 400px;
  	}
  
  	div#header {
  		background-image: url(media-queries-phone.jpg);
  		height: 93px;
  		position: relative;
  	}
  
  	div#header h1 {
  		font-size: 140%;
  	}
  
  	#content {
  		float: none;
  		width: 100%;
  	}
  
  	#navigation {
  		float:none;
  		width: auto;
  	}
  }
  

  css

  1

  @media only screen and (max-device-width: 480px) {
  	div#wrapper {
  		width: 400px;
  	}
  
  	div#header {
  		background-image: url(media-queries-phone.jpg);
  		height: 93px;
  		position: relative;
  	}
  
  	div#header h1 {
  		font-size: 140%;
  	}
  
  	#content {
  		float: none;
  		width: 100%;
  	}
  
  	#navigation {
  		float:none;
  		width: auto;
  	}
  }
  

  copy | embed

0 Comments