讯：CSS3 Media Queries最常被使用在响应式web布局中。蓝狮注册这是css3的一个新的特性。这个属性很好的解决了网站在移动设备上友好问题。这里CSS3 Media Queries多媒体查询技术还可以用在判断手机的横屏竖屏。以下是基于CSS3 Media Queries多媒体查询判断的css3语法。
@media screen and (orientation:portrait) {

css[竖向定义样式]

}

@media screen and (orientation:landscape) {

css[横向定义样式]

}

这个在web移动布局上非常有用也非常常用。蓝狮官网国内领先web前端开发服务品牌p2h在网站切图中经常用到这些。是前端开发人员弥足珍贵的代码片段之一。

标签：CSS3 Media Queries, 多媒体判断, 手机横屏竖屏