当前位置
首页 > 迪奥学院 > 网站重构 >

根据窗口大小切换不同样式 @media

时间:09/18/2014来源:未知 作者:admin 点击:

用法:

@media (min-width:700px) { body { background: red;}}
@media ( min-width: 1200px) { body { background: blue;}}
 
当窗口宽度大于等于700px的时候,背景是红色
当窗口宽度大于等于1200px的时候,背影是蓝色
 
注:IE8不支持CSS的媒体查询(media query),因此,需引入respond.js才能使其实现媒体查询功能。

咨询QQ:122388150 | 唐山网站建设,广告设计,动漫原创人设,网站重构,专注网站UI设计,创意设计,产品周边包装设计,标志设计 | 迪奥创意设计

Copyright 2006-2015 diaor.com © all right co,.Ltd