提升你设计水平的CSS3新技术[译]（13）
作者：暴风彬彬 来源：彬go 发布时间：2009-08-02 20:51:00
标签：设计,浏览器,CSS3,新技术
12. 媒体查询
媒体查询（media queries）可以让你为不同的设备基于它们的能力定义不同的样式。比如，在可视区域小于480像素的时候，你可能想让网站的侧栏显示在主内容的下边，这样它就不应该浮动并显示在右侧了：
#sidebar {
float: right;
display: inline; /* IE Double-Margin Bugfix */
}
@media all and (max-width:480px) {
#sidebar {
float: none;
clear: both;
}
}
你也可以指定使用虑色屏的设备：
a {
color: grey;
}
@media screen and (color) {
a {
color: red;
}
}
潜力是无限的。这个属性是很有用的因为你你不在需要必须为不同的设备写独立的样式表了，而且你也无需使用JS来确定每个用户的浏览器的属性和功能。一个实现一个灵活的布局的更加流行的基于Javascript的方案是使用智能的流体布局，让布局对于用户的浏览器分辨率更加灵活。
浏览器支持： 媒体查询被基于webkit核心的浏览器和Opera支持。Firefox将在3.5版本中支持它。IE目前不支持这些属性而且在将来的版本中，也没有支持的计划。
扩展阅读：
0
投稿猜你喜欢
- 没办法，自己看看吧。 CSDN 的代码高亮用的是一个 jquery 扩展。因为我基本上只贴 java 代码，所以把当中有用的提取出来，把这段
- 今天拉了一个使用了tornado的项目在本地跑，按照源码作者的步骤配置完，运行，直接报错了，要求环境Python3.6+，我装的是Pytho
- （1）选择最有效率的表名顺序(只在基于规则的优化器中有效)：Oracle的解析器按照从右到左的顺序处理FROM子句中的表名，FROM子句中写
- 引言最近研究Go爬虫相关的知识，使用到goquery这个库比较多，尤其是对爬取到的HTML进行选择和查找匹配的内容时，goquery的选择器
- 前言yaml 文件是研发人员最常用的配置文件，yaml 文件的树形结构一直很受大家的欢迎。有过 SpringBoot 开发经验的同学对 ya
本文实例为大家分享了python3实现飞机大战的具体代码，供大家参考，具体内容如下以下是亲测Python飞机大战全部代码，在保证有pygam- 本文实例讲述了JS实现FLASH幻灯片图片切换效果的方法。分享给大家供大家参考。具体实现方法如下：<!DOCTYPE html PUB
- python实现学生信息管理系统，供大家参考，具体内容如下#!/usr/bin/env python# -*- coding:utf-8 -
- Python 下的单例模式要点：1.某个类只能有一个实例；2.它必须自行创建这个实例；3.它必须自行向整个系统提供这个实例方法：重写new函
- 这篇文章主要介绍了Python如何计算语句执行时间,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可
- 前言本文主要给大家介绍了关于linux/mac安装mysql忘记密码的相关解决办法，分享出来供大家参考借鉴，下面话不多说了，来一起看看详细的
- 作者:peace.zhao 关于 游标 if,for 的例子 create or replace procedure peace_if is
- 下面是十个Python中很有用的贴士和技巧。其中一些是初学这门语言常常会犯的错误。注意：假设我们都用的是Python 31. 列表推导式你有
- 代码如下： <!--[if IE 6]><script type="text/javascript"&
- 前言随着人工智能的不断发展，各种智能算法越来越普遍，本文就给大家介绍一种通过训练好的算法进行文字识别的方法，而且是Web页面可视化操作，方便
- 本文默认你的开发环境.数据库已经安装好想用使用数据库.我们需要现在pom文件中添加相应的依赖pom.xml<?xml version=
- 报错[SSL: SSLV3_ALERT_HANDSHAKE_FAILURE]问题描述pandas读取网络表格时pd.read_excel(u
- 我就废话不多说了，大家还是直接看代码吧~#coding=utf-8import cv2import numpy as npimg=cv2.i
- 目录楔子paramikoSSHClient 的使用connect：实现远程服务器的连接与认证set_missing_host_key_pol
- 当我们用javascript写ajax程序写得很“开心”的时候，突然有人告诉你有一种东西叫jquery，它会告诉你不直接和HttpReque
