responsive design hiDPI css

gistfile1.txt

Un exemple de responsive design hiDPI gabarit

responsive design hiDPI

/*responsive design hiDPI*/

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-o-min-device-pixel-ratio: 13/10),only screen and (min-resolution: 240dpi){
	
	@media screen and (min-width: 1024px) {
		#hockey2{
			font-size:1.2em !important;
		}
	}	
	@media screen and (min-width: 1050px) {	
		#p{
			display:block !important;
		}
		#aside{
			margin-top:150px !important;
		}
		#hockey2{
			top:153px;
		}
		body{
		font-size:1.1em;
		}
	}
	@media screen and (min-width: 1280px) {
		#hockey2{
			font-size:1em !important;
		}
	}
	@media screen and (min-width: 1440px) {
		#hockey2{
			font-size:1.2em !important;
		}
	}
}