摘要:
Media Queries最近比较火的一个话题,通常用于响应式布局设计,它可以让浏览器根据当前窗口尺寸自动在样式表中选择一种样式并使用。我们知道,在不同的设备中,浏览器的窗口尺寸可能是不同的。如果只针对某种窗口尺寸制作不同的网页,在其它设备中呈现该网页时就会产生很多问题;如果针对不同的窗口尺寸制作不同的网页,则要制作的网页就会太多。为了解决这个问题,CSS3 中单独增加了Media Queries模块,使用这个模块,网页制作者只需要针对不同的浏览器窗口尺寸来编写不同的样式,然后让浏览器根据不同的窗口尺寸来选择使用不同的样式即可。格式:@media 设备类型 and (设备特性) {样式代码} 阅读全文