www.gusucode.com > 200套html5精品模板101_150 > 200套html5精品模板101_150/111/css/media-screen.css
/* —————————————————————————————————————————–––––– custom style for some media screen —————————————————————————————————————————–––––– */ img.scale-grid { max-width:100%; height:auto; } img.maxfolio2{ max-width:530px; height:auto; } img.maxfolio3{ max-width:340px; height:auto; } img.maxfolio4{ max-width:245px; height:auto; } .inner_wrap { width:1180px; margin:0px auto; padding:0px; position:relative; } .top_banner img.scale-grid { margin-left:18px; max-width:100%; height:auto; } @media only screen and (min-width: 960px) and (max-width: 1139px) { .inner_wrap { width:980px; } .top_banner img.scale-grid { margin:0; } iframe.contact-map, img.contact-map{ width:600px; height:262px; } img.maxfolio2{ max-width:440px; height:auto; } img.maxfolio3{ max-width:280px; height:auto; } img.maxfolio4{ max-width:200px; height:auto; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .inner_wrap { width:788px; } .top_banner img.scale-grid { margin:0; } iframe.contact-map, img.contact-map{ width:490px; height:184px; } img.maxfolio2{ max-width:344px; height:auto; } img.maxfolio3{ max-width:216px; height:auto; } img.maxfolio4{ max-width:152px; height:auto; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .inner_wrap { width:480px; } .top_banner img.scale-grid { margin:0; } nav ul { display: none; } nav select { display: inline-block; } nav select { width:450px; padding:10px; } iframe.contact-map, img.contact-map{ width:468px; height:165px; } img.maxfolio2, img.maxfolio3, img.maxfolio4{ max-width:440px; height:auto; } #filter li{ float: left; width:100%; margin:0 0 1px 0; padding:0; } #filter a{ width:100%; padding:5px 20px 5px 20px; color:#333333; background:#eeeeee; } .pricing-box, .popular-box{ margin:0 0 30px 0; } } @media only screen and (min-width: 320px) and (max-width: 479px) { .inner_wrap { width:300px; } .top_banner img.scale-grid { margin:0; } nav ul { display: none; } nav select { display: inline-block; } nav select { width:265px; padding:10px; } .flexslider { margin-bottom:40px; } ul.testimonial li .testimonial-text{ float:left; } iframe.contact-map, img.contact-map{ width:278px; height:156px; } img.maxfolio2, img.maxfolio3, img.maxfolio4{ max-width:260px; height:auto; } #filter li{ float: left; width:100%; margin:0 0 1px 0; padding:0; } #filter a{ width:100%; padding:5px 20px 5px 20px; color:#333333; background:#eeeeee; } .pricing-box, .popular-box{ margin:0 0 30px 0; } } @media print{}