【CSS3】Advanced11:Media Queries

1.Browser-size specific CSS

@media screen and (max/min-width:1000px){}

2.Orientation-specific CSS?

@media screen and(orientation landscape/portrait){}

3.Divice-specific CSS

@media handheld ——not be used widely

@media screen and (min-device-height: 768px) and (max-device-width: 1024px) {}
@media (device-pixel-ratio: 2) {}//iphone4 2 physical pixels to every CSS pixel

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

@media screen and (resolution: 326dpi(分辨率)) { /* */ }


@media screen and (min-resolution: 96dpi) { /* */ }

@media screen and (device-aspect-ratio: 16/9) { /* */ }








 

 

 

 

【CSS3】Advanced11:Media Queries,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。