CSS-Hack-and-Media-Queries-for-all-Browsers-and-Mobile-Platform
文件大小:
unknow
资源说明:CSS-Hack-and-Media-Queries-for-all-Browsers-and-Mobile-Platform
@charset "utf-8"; /* Author :Ravi Gupta
Email :ravigupta.exe@gmail.com | 9811366107 | 011-26027098
Version :3.0
Start Date :Aug 01, Twenty 10.
Last Date Modified :Aug 01, Twenty 12.
Clients :Playdance
*/ CSS-Hack-and-Media-Queries-for-all-Browsers-and-Mobile-Platform =============================================================== * _html xyz {} /* IE6 */ * +html xyz {} /* IE7 */ *:first-child+html xyz {} /* IE7 */ @media \0screen { xyz {} } /* IE8 */ :root .color {color: #F00\9;} /* IE9 */ @media screen and (-webkit-min-device-pixel-ratio:0) { xyz {} } /* Safari */ html>/**/body .selector, x:-moz-any-link { color:lime; } /* Firefox 2 */ html>/**/body .selector, x:-moz-any-link, x:default { color:lime; } /* Firefox 3 */ @-moz-document url-prefix() { xyz {} } /* Any Firefox */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #opera { color:blue; } } /* Opera */ body:nth-of-type(1) .logo{margin:20px;} /* Chrome */ =============================================================== Media Queries =============================================================== /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* #Tablet (Landscape) ================================================== */ /* Note: Design for a width of 1024px */ @media only screen and (min-width: 768px) and (orientation:landscape) { } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { }
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。