分类学习站点
韩语“大发”是什么意思？
&大发&对应的韩语是&??&，中文可以说成&赞&。主要用于感叹，可以表达惊喜的心情，也可以表达难以置信怎么会有这种事情。
关于&??&的起源，有一种说法是来自汉字&大舶&，很大的船。
相关词汇：
???? ??? ????&? ? ? ??? ????!
可以一边听女子组合的音乐一边看音乐剧，真是太赞了！
?? ??? ?? ??? ?? ?????.
赌赛马走大运赚了几千万韩元。
?? '??? ,' '?? ??' ?? ??? ??? ????.
他因《人鬼情未了》和《热舞》两部影片而到达了顶峰.
类似的感叹表达还有???、?等等
&本内容为沪江韩语原创，转载请注明出处。
相关热点：
加载更多评论
《好运罗曼史》经典台词BEST3
中国演员在韩重迎全盛时代
“女鬼”朴宝英VS金所炫：你更心水谁？
金宇彬时尚解析：钟情白色运动鞋
沪江韩语微信
请输入错误的描述和修改建议,非常感谢！
错误的描述：
修改的建议：雨果·维文_百度百科
今天的鲜花送完了？
绑定百度钱包
即可领取500朵鲜花
雨果·维文
雨果·维文（Hugo Weaving），日出生于尼日利亚伊巴丹，澳大利亚电影及舞台剧演员、配音演员。1983年，雨果·维文出演了电影《城市边缘》，进入演艺圈。1991年，雨果在影片《证据》中饰演了盲人摄影家马丁，并获得澳大利亚电影协会最佳男演员奖。1999年，他在科幻动作电影《》中饰演了史密斯干员。2001年，他在《魔戒》系列电影中饰演了林谷的精灵领主。从2007年开始，他为《》系列电影中的威震天配音。2011年，雨果·维文饰演了电影《》的反派“红骷髅”，并在电影《》中一人饰演了六个角色。
雨果·维文早年经历
雨果·维文1960年生于尼日利亚，家中三兄妹他居中，有一位哥哥西蒙和一位妹妹安妮。毕业于澳大利亚国立戏剧艺术学院。[1]
雨果·维文演艺经历
雨果·维文首次担纲主演是1983年社会道德题材的低成本剧情片《》，这是澳大利亚第一部从同情的角度刻划土著人所处恶劣环境的影片[2]
1988年，他主演了克莱格·摩纳罕的《采访》。
1991年，雨果在乔斯林·穆尔豪斯执导的影片《》中饰演了盲人摄影家马丁，并获得澳大利亚电影协会最佳男演员奖。
1994年，雨果·维文因在影片《》中饰演一位神秘的舞会皇后蒂克而再次获得澳大利亚电影协会最佳男演员奖。
1995年，他在影片《小猪宝贝》中为牧羊犬配音。雨果·威文还参加了几部美国电视剧的拍摄，如哥伦比亚广播公司的电视短剧《达达之死》。1999年，他在科幻动作电影《》中饰演史密斯探员使他在全球范围的影响力得到提升。随着史密斯的成功，他又在魔幻史诗电影《》等三部曲中诠释了精灵领主埃尔隆德这个人物，由此奠定了他在国际影坛的地位。[1]
2004年，他因在《》中的表演获得了
《魔戒》剧照
第十三届MTV电影奖最佳打斗场面的提名[3]
2006年，雨果·维文出演了《》[4]
2007年，雨果·维文开始为《》系列电影中的配音[2]
2011年，雨果·维文饰演了漫画英雄电影《》的反派“红骷髅”[6]
。同年，雨果·维文还在由、及共同执导的电影《》中饰演六个角色。影片根据英国作家大卫·米切尔的同名长篇小说《云图》改编[7]
雨果·维文参演电影
Kim Farrant
霍比特人3:去而复归
霍比特人:史矛革之战
霍比特人:意外之旅
猫头鹰王国:守卫者传奇
最后的旅程
葛兰迪·伊文
温柔的钩子
Jonathan Ogilvie
吞蜜蜂的女孩
Paul McDermott
快乐的大脚
Peter Himmelstein
詹姆斯·麦克提格
魔戒三部曲:国王归来
黑客帝国3:矩阵革命
黑客帝国2:重装上阵
魔戒二部曲:双塔奇兵
魔戒首部曲:魔戒现身
读爱情小说的老人
无罪生天[8]
雨果·维文获奖记录
澳大利亚学院奖[9]
&&&最佳男配角
&&&（提名）
&&&最佳男配角
&&&阳光与橙子
&&&（获奖）
&&&最佳男主角
&&&（提名）
&&&国际奖最佳演员
&&&（提名）
&&&最佳男主角
&&&（获奖）
&&&最佳男配角
&&&（提名）
&&&最佳男主角
&&&（获奖）
&&&最佳男主角
&&&（提名）
&&&最佳男主角
&&&（获奖）
蒙特利尔国际电影节[9]
&&&最佳男主角[9]
&&&（获奖）
澳大利亚影评人协会奖[9]
&&&最佳男配角
&&&（获奖）
&&&最佳男配角
&&&（提名）
&&&最佳男配角
&&&阳光与橙子
&&&（获奖）
&&&最佳男主角
&&&（提名）
&&&最佳男配角
&&&（获奖）
&&&最佳男配角
&&&（提名）
&&&最佳男主角
&&&（提名）
MTV电影奖[9]
&&&最佳打斗场面
&&&黑客帝国2:重装上阵
&&&（提名）
青少年选择奖
&&&最佳电影打斗戏
&&&（提名）
澳洲电影评论协会奖[9]
&&&最佳男配角
&&&（获奖）
&&&最佳男主角
&&&阳光与橙子
&&&（提名）
&&&当代传奇奖
&&&（获奖）
&&&最佳演员
&&&（获奖）
雨果·维文人物评价
《黑客帝国3：矩阵革命 》剧照
雨果·维文像是邪恶的缪斯。虽然片中的他极其邪恶、令人谈之色变，但在现实生活中，他是和蔼、幽默、有爱的人。雨果能够演绎戏剧独白以及慷慨激昂的演讲桥段，而且还能借助自己独到而精湛地发挥。（拉娜·沃卓斯基评[10]
．IMDb[引用日期]
．时光网[引用日期]
．时光网[引用日期]
．新浪娱乐[引用日期]
．新浪娱乐[引用日期]
．时光网[引用日期]
．时光网[引用日期]
．时光网[引用日期]
．imdb[引用日期]
．时光网[引用日期]
粉丝送花榜
企业信用信息梅琳达·盖茨_百度百科
梅琳达·盖茨
梅琳达·盖茨（Melinda Gates，日~），毕业于计算机系，后获得学位，然后如愿进入了自己曾经实习过的，很快崭露头角，取得了骄人的业绩，成为一名管理人员。在嫁给之前，梅琳达已经在微软做出了骄人的业绩。她担任一个部门的主管，手下有一百多名员工。在嫁给盖茨之后，梅琳达便做起了专职的太太。几年来，她为盖茨生下一双儿女，还管理着盖茨豪宅的日常工作。梅琳达把家里收拾得十分温馨，还建了一个。梅琳达和盖茨一起建立了美国有史以来最大的基金会——盖茨基金会，并担任主席。
梅琳达·盖茨人物经历
梅琳达·盖茨学生时期
日，梅琳达出生在一个中产家庭，父亲雷·弗兰奇在做一个太空项目，母亲是全职太太， 一家六口过着简朴的生活，几乎每个周末都在忙碌中度过。父亲告诉他们，“不管上什么样的大学，我都会供你们。”
生活就像一个测试，梅琳达相信自己是一流的。她的高中数学和计算机老师SusanBauer回忆起梅琳达，“ 每天，她都有一个目标。”高中时期，她是学生中的名角，“可爱而迷人，总能成功地说服他人”。当时，她的目标是的计算机系，然而，最终她不能如愿。官员们决定缩小计算机系，“电脑不过一阵风”。 得知这个消息，梅琳达“崩溃了”，最终，她去了，那里的计算机系正在扩招。5年间，她获得计算机科学、经济专业学士学位以及学位。
期间，梅琳达曾在做暑假实习生。毕业时，在参加一个招聘会面试时，IBM的招聘官得知她过会儿还要去微软公司面试，这位招聘官告诉她：“如果他们要你，去那里吧，那里进步的机会太多了。”
1987年，梅琳达22岁，她来到，在微软担任市场经理。作为最年轻的员工、唯一的女性MBA，那时， 她并不知道未来如何，更不知道微软对她意味着什么。到处都是特殊材料做的人，他们是如此聪明，他们在改变这个世界。 然而，她并不习惯那里的公司文化，她感到他们尖酸刻薄，连领导也不例外，她想，也许很快她便离开那里。
梅琳达·盖茨办公室恋情
生活在某些偶然的时刻有了转机。四个月后的一天，她第一次到纽约出差，聚餐时，她坐在CEO的旁边 。梅琳达并非大美女，但往后，回忆起初次见面，比尔总说是她的长相吸引了他。梅琳达则说，“他当然比我想象的风趣。”
那年秋天，一个周六下午(微软周六都上班)，比尔和梅琳达在微软的停车场相遇。“我们聊了一会，然后他说，‘ 两周之后的周五晚上和我出去吧。’我说，两周之后啊，对我来说还不是特别自然，我不知道啊，到时候叫我吧。”梅琳达后 来回忆。
比尔后来给了她电话。梅琳达答应了。
比尔说，“她很难搞定！”梅琳达和她母亲都认为和CEO约会不是个好主意。但若干年后，梅琳达穿了一件T恤来 到比尔的办公室，上面写着“娶我吧，比尔”。
梅琳达·盖茨世纪婚姻
“亲爱的，如果你赢得了时间，那我就赢得了金钱”，日，在威利·尼尔森的歌声中，比尔与梅琳 达举行了婚礼。那一天，客人中有6位亿万富翁，新郎在的拉那伊岛包下了全部轿车、直升飞机和520间酒店客房。
比尔已是亿万富翁，梅琳达说对于嫁给比尔也有过焦虑，“对我而言，就像是，好吧，比尔有钱。大买卖。”比尔当然也有焦虑，他富可敌国，这些钱能让他们在这个家庭中和平共处么？
同时，比尔的敌人们击掌相庆：“我们祝愿梅琳达的生育能力是全球第一，给比尔生一大堆孩子……每天早晨，都有一大堆孩子抓住比尔的衣襟不让他上班。甚至当比尔与客户交谈时，会突然从门外冲进一大堆孩子，抱住比尔的腿哭着闹着喊 ‘爸爸回家！’哈哈……”
结婚后，梅琳达生下了三个小孩。1996年大女儿出生后，她便当起了全职太太，悉心照顾着孩子。对手们不能如愿，正如微软总裁鲍尔默所相信的，“她会使比尔跑得更快。否则，比尔是不会向她求婚的。”在比尔眼里，梅琳达温顺得像一只绵羊，她忍受着一起又一起对她丈夫的敲诈勒索、死亡威胁，忍受丈夫与其前情人安·温布莱德保持特殊友谊，忍受他那 几天不洗澡的身体发出的阵阵臭味，倾听丈夫诉说在工作中受到的委屈，在他紧张困乏之时给予理解、鼓励及建议。
他们的好朋友说，梅琳达让盖茨变得更加开朗、耐心和富有同情心。
梅琳达·盖茨学业成就
梅琳达本名梅琳达·弗兰奇，出生于美国达拉斯市一个中产阶级家庭，从小聪慧好学。
梅琳达·弗兰奇
1987年，梅琳达获得杜克大学的计算机和经济学双学士学位。第二年，她又拿下杜克商学院的工商管理硕士学位。毕业后，精明能干的梅琳达加入了微软公司。
与微软创始人相识多年之前，梅琳达·弗兰奇(Melinda French)曾经有过一次&恋爱&，与一台苹果计算机。弗兰奇出生在达拉斯一个勤奋的中产家庭，为了供四个孩子上大学，她的父亲雷·弗兰奇(Ray French)一直在家庭开支方面精打细算。雷是一名工程师，他还兼职开设了一个家庭公司，主要开展房屋租赁业务。
梅琳达回忆道：&我几乎每天都要清洁地板，擦洗烤箱，以及割草。&事实上，梅琳达的家庭几乎每个周末都在忙碌中度过。在她16岁那年的一天，父亲买进了一台
梅琳达·弗兰奇
Apple III计算机，她很快就为之着迷。她说：&我们都乐于帮助父亲开展业务和记账。我们看着钱一点点的流入，又一点点的流出。&
梅琳达的人生后来发生了重大的变化，一个几乎没有人能想到的变化：她遇到了比尔·盖茨。现在，她居住在华盛顿湖畔一座巨大的科技豪宅里，丈夫是全世界最富有的人。14年前，当梅琳达与盖茨结婚时，她实际上是与自己做了一个大交易。
一方面，梅琳达成为了全球第一大慈善基金的两名所有者之一。比尔和梅琳达·盖茨基金会已经拥有376亿美元资产，其中34亿美元是&股神&华伦·巴菲特(Warren Buffett)已经捐赠的款项。除此之外，巴菲特还计划捐赠900万股伯克夏·哈萨威B股。按照当前股价计算，这些股票的总价值达到410亿美元。
考虑到伯克夏·哈萨威股价有望继续上涨，而盖茨夫妇也会不断将资产转移到基金会，梅琳达和比尔夫妇可能会在有生之年捐出1000多亿美元。到目前为止，盖茨基金会已经为慈善事业支出了144亿美元，甚至超过了1913年成立的洛克菲勒基金会，而且考虑到了通货膨胀的因素。
但在另一方面，梅琳达也牺牲了隐私、安全、以及做一个普通人的权力。上世纪90年代末，在微软反垄断案庭审期间，她的丈夫被视为美国最大的商业&恶棍&，她也承受了很大的压力。另一方面，因为嫁给了盖茨，她也面临着失去个人身份的危险，因为人们更多地称她为盖茨夫人。[1]
梅琳达·盖茨权势夫妻
福布斯发布2012全球最有权势15对眷侣，微软创始人、科技大亨比尔·盖茨和妻子梅琳达·盖茨上榜，排名第三，在希拉里与比尔·克林顿夫妇之后。
梅琳达·盖茨工作任务
大多数时候，梅琳达都在&后台&默默的工作，包括照顾孩子。盖茨夫妇有两个女儿，
梅琳达·弗兰奇
分别为5岁和11岁，还有一个8岁的儿子。下面是梅琳达典型的一个工作日：去年秋天的一天，她先在孩子的学校花费了好几个小时；随后又招待了10多名客人，其中包括4名前来盖茨基金会参加疟疾论坛的非洲卫生部长；到晚上10点，当所有人都离开之后，她又开始疲惫地准备第二天上午的演讲。
在这样的时候，比尔会对梅琳达说，&早点上床休息吧，你已经知道很多有关疟疾的知识了&。但是，她一直对聚光灯心存恐惧，更何况还要面对超过300名科学家、医生、以及卫生部官员？第二天，梅琳达在论坛上公布了一项旨在根除疟疾的大胆计划，并同比尔一起回答观众的提问。虽然很多观众都获得了盖茨基金会的捐款，但他们并不知道台上这名引人关注的女性是谁。
现在，43岁的梅琳达已经做好完全展示自己的准备，她要走上&前台&。她说：&我经常想，当我的小女儿上了全日制学校之后，我会逐步走上前台。&当然，她从内心里更愿意永远远离公众。梅琳达计划未来将更多时间投入到基金会，达到每周30小时。
梅琳达之所以更加关注基金会，也因为她的丈夫将做同样的事情。从今年7月开始，盖茨将不再承担微软的日常管理工作，而将更多精力用于慈善事业。他计划每周在基金会工作40小时以上，而只将15小时留给微软董事会主席的角色。据这对夫妇的朋友称，如果不是为了梅琳达，盖茨不会做这样的转变。正是梅琳达让盖茨变得更加开放、耐心和有同情心。盖茨自己也承认：由于梅琳达，他很愿意扮演新的角色。
梅琳达·盖茨人物荣誉
梅琳达·盖茨入围美国《》杂志全球年度最具权势女性排行榜第3位[1]
2016年6月，《》公布，2016年度全球最具影响力100名女性，梅琳达·盖茨排名第四。[2]
梅琳达·盖茨慈善事业
作为世界首富，盖茨的资产大约为460亿美元，但盖茨夫妇一直以来都表示要将财产
梅琳达·弗兰奇
的大部分捐献出去。盖茨夫妇捐献的最主要渠道就是通过“”。现在基金会名下总资产额高达288亿美元，是世界最大的慈善基金会。
盖茨曾在一次访问中表示，如果没有梅琳达，很可能就没有基金会。事实上，盖茨每天在堆砌财富，而与他相伴12载的妻子则在琢磨着怎样用掉这些钱。41岁的梅琳达已经是3个孩子的母亲———9岁的珍妮弗、6岁的罗伊和2岁的菲比。尽管她完全能够享受世界上最丰厚的物质生活，但梅琳达却不同于一般贵妇人。梅琳达并不热衷于购物和打扮，她的行事作风颇有商业女强人的风范，她对慈善基金会的管理非常讲求效率、目标明确并且有紧迫的责任感。
作为基金会的发起人之一，梅琳达1996年生下第一个孩子之后便辞去工作当起全职太太，并积极致力于基金会的慈善工作。
在基金会资产投资方面，梅琳达也发挥着巨大的作用。每当她和盖茨选择一个新的捐款方向和捐款地点时，他们都会问两个问题：什么问题影响了最多的人？我们过去忽略了什么问题？虽然很多慈善家也采用同样的方式，但盖茨夫妇更为严格。梅琳达说：&我们会仔细审视所有的不公平，并努力通过捐款带来最大的变化。&
因此，虽然盖茨基金会不向捐款，但却为了治愈那些导致更多人死亡的疾病，包括艾滋病、疟疾和捐赠了数十亿美元。通常情况下，盖茨更加注重疫苗研究和可能会于未来发挥效力的科学解决方案，梅琳达则更加关注立即帮助病人减轻痛苦。她说：&疫苗救不了孩子。我更愿意前往印度农村，亲眼看到那些孩子获得救助。当然，我们还有很多其它工作要做。&
梅琳达·弗兰奇
1993年，盖茨夫妇的第一次非洲之旅对他们后来的慈善事业起到了重要的影响。在，他们看到光着脚的妇女不得不头顶着水罐、怀抱着孩子走几英里的路到市场去；在，他们被邀请参加了一个马赛人的割礼仪式；在非洲各地，他们在路上还看到了无数饿得皮包骨的孩子。这一切都让梅琳达和盖茨心烦意乱。随后，他们找来当年的《世界发展报告》，里面的内容更令他们震惊。梅琳达说：“非洲的孩子们会死于腹泻和其他非常普通的疾病，而简单的接种疫苗就完全可以避免这些悲剧。我们意识到必须更多地了解这方面的信息，而我们知道得越多就越觉得不能再等了。”
梅琳达对非洲的医疗和贫困问题投注了金钱和热情，但她并不认为仅凭自己的力量就能够解决这些问题。“相对于问题而言，我们的努力只是沧海一粟”。梅琳达是一个热衷于学习的人，由于工作的需要她总是努力多了解一些医疗保健方面的知识。此外，梅琳达谈起安全套和妓女这些敏感问题时一点都不会不自在，因为这些都与的预防密切相关。
梅琳达·盖茨关于评价
心中的妻子
从某种意义上讲，盖茨和梅琳达并非&门当户对&，后者的学历更高。梅
梅琳达·弗兰奇
琳达拥有杜克大学计算机科学和经济专业学士学位，以及工商管理硕士学位。尽管去年6月获得了荣誉学位，但盖茨却是哈佛大学历史上最有名的辍学生。梅琳达还是一位运动健将，曾经完成过马拉松比赛，并攀登过1.441万英尺高的雷尼尔山顶峰。在盖茨方面，他仅有的运动就是偶尔打打网球和高尔夫球，再有就是从去年开始跑步。
盖茨承认，梅琳达很善于理解人，至少比他做得好。事实上，他经常将妻子作为一名倾听者，有时还会谈到微软的事务。2000年，史蒂夫·鲍尔默(Steve Ballmer)取代盖茨就任微软CEO，当时正是梅琳达帮助盖茨度过了这段难熬的转换期。盖茨说：&当时我经常与梅琳达讨论这一问题。&作为盖茨夫妇最亲密的朋友之一，巴菲特直言不讳地表示：&盖茨需要梅琳达。&
朋友眼中的盖茨夫妇
很多人可能会认为梅琳达非常幸运，但熟悉盖茨的人都知道，他并不是一个容易相处的人。一位微软高级管理人员曾说：“(盖茨)不善于用语言表达感情。”盖茨非常严肃，同时又充满强烈的好奇心。梅琳达知道丈夫喜欢看书，于是就建了一个家庭图书馆。此外，她还相当注意配合丈夫的爱好和兴趣，两人经常玩猜谜和拼图等智力游戏，参加很多富有挑战性的活动。 如图是参加2012年福布斯400富豪榜创办30周年拍摄杂志封面截图。
福布斯400富豪榜创办30周年
此外，盖茨的个人卫生习惯实在让人难以忍受，这在美国电脑界早已传为笑谈。他可以连续几天不洗澡，要是坐飞机出去开会的话，回到家里，身上准散发着一股臭味。但这些梅琳达都忍了下来，所以在盖茨眼里，梅琳达不仅办事干练，更重要的是她具备一个贤妻的特质，“像一只温顺的小绵羊”。
结婚后，梅琳达非常注意保护家庭隐私，她想给人们制造的印象是———盖茨一家也过着普通的生活。但实际上，盖茨一家并不像她描述的那样“平凡”。他们在西雅图市郊华盛顿湖边的一栋别墅由几幢大楼阁组成，下有通道连接，并设有暗道机关。别墅中还有电影院、娱乐中心、健身房、巨大的游泳池以及一个18米高的瀑布。为了保护家庭隐私，盖茨夫妇花了约1440万美元买下了别墅所在的整个街区。
梅琳达所说的其它工作包括：在床上喷洒杀虫剂以抵御携带疟疾病毒的蚊子；提供杀菌剂阻止艾滋病传播；开设小额贷款以帮助穷人开办公司和农场。例如，梅琳达两年前曾经前往肯尼亚，目的是在非洲推动绿色革命，带动农产品产量增加。2006年，盖茨基金会同洛克菲勒基金会在一个项目上建立了合作关系。洛克菲勒基金会总裁加蒂斯·罗丁(Judith Rodin)表示：&梅琳达是一名全盘考虑者，经常同盖茨一起深入地研究问题。他们希望带来变化，但是从不异想天开。&
盖茨基金会的巨大影响力来自于梅琳达的全盘考虑和盖茨的出众智慧。U2乐队主唱Bono是盖茨夫妇的好友，同时也是盖茨基金会的受赠人(Bono领导了一项反贫困运动)。他认为，盖茨与梅琳达是&天作之合&。他说：&盖茨总是过于强烈，我甚至有时称他为'杀死比尔'，而梅琳达给他带来了理性。&
巴菲特也认为，梅琳达让盖茨变成了一名更好的决策者。他说：&盖茨当然是绝顶聪明，但在把握全局方面，梅琳达更胜一筹。&当被问到如果没有梅琳达，他是否还会向盖茨基金会捐款时，巴菲特表示：&这是一个很好的问题，答案是'我无法确定'。
．民营企业网．[引用日期]
．凤凰资讯[引用日期]
企业信用信息响应式布局_百度百科
响应式布局
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕的普及，用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。
响应式布局优点和缺点
面对不同分辨率设备灵活性强
能够快捷解决多设备显示适应问题
兼容各种设备工作量大，效率低下
代码累赘，会出现隐藏无用的元素，加载时间加长
其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果
一定程度上改变了网站原有的布局结构，会出现用户混淆的情况
响应式布局设计思路
我们在上面了解了什么是响应式布局，那在我们的实际项目中应该怎么去设计呢？在以往我们设计网站的时候都会受到不同浏览器的兼容性的困扰，还要来个不同尺寸设备，我们该怎么淡定下来呢？有需求就会有解决方案，说到响应式布局，就不得不提起CSS3中的Media Query（媒介查询），这可是个好东西，易用、强大、快捷……Media Query是制作响应式布局的一个利器，使用这个工具，我们可以非常方便快捷的制造出各种丰富的实用性强的界面。接下来就一起来深入的了解Media Query。
1、中的Media Query（媒介查询）是什么？[1]
通过不同的媒介类型和条件定义样式表规则。媒介查询让CSS可以更精确作用于不同的媒介类型和同一媒介的不同条件。媒介查询的大部分媒介特性都接受min和max用于表达”大于或等于”和”小于或等于”。如：width会有min-width和max-width媒介查询可以被用在CSS中的@media和@import规则上，也可以被用在HTML和XML中。通过这个标签属性，我们可以很方便的在不同的设备下实现丰富的界面，特别是移动设备，将会运用更加的广泛。
2、media query能够获取哪些值？
设备的宽和高device-width，device-height显示屏幕/触觉设备。
渲染窗口的宽和高width，height显示屏幕/触觉设备。
设备的手持方向，横向还是竖向orientation（portrait|lanscape）和打印机等。
画面比例aspect-ratio点阵打印机等。
设备比例device-aspect-ratio-点阵打印机等。
对象颜色或颜色列表color，color-index显示屏幕。
设备的分辨率resolution。
3、语法结构及用法
@media 设备名 only （选取条件） not （选取条件） and（设备选取条件），设备二{sRules}
示例一：在link中使用@media：
&link rel=“stylesheet” type=“text/css” media=“only screen and （max-width： 480px），only screen and （max-device-width： 480px）” href=“link.css”/&
上面使用中only可省略，限定于计算机显示器，第一个条件max-width是指渲染界面最大宽度，第二个条件max-device-width是指设备最大宽度。
示例二：在样式表中内嵌@media：
@media ( min-device-width:1024px ) and ( max-width:989px )，screen and ( max-device-width:480px )，( max-device-width:480px ) and ( orientation:landscape )，( min-device-width:480px ) and ( max-device-width:1024px ) and ( orientation:portrait ) {srules}
在示例二中，设置了电脑显示器分辨率（宽度）大于或等于1024px（并且最大可见宽度为989px）；屏宽在480px及其以下手持设备；屏宽在480px以及横向（即480尺寸平行于地面）放置的手持设备；屏宽大于或等于480px小于1024px以及垂直放置设备的css样式。
从上面的例子可以看出，字符间以空格相连，选取条件包含在小括号内，srules为兼容设置的样式表，包含在中括号里面。only（限定某种设备，可省略），and（逻辑与），not（排除某种设备）为逻辑关键字，多种设备用逗号分隔，这一点继承了css基本语法。
4、可用设备名参数：
可用设备名参数
5、逻辑关键字：
逻辑关键字
6、可用设备名参数：
可用设备名参数
7、测试Media Queries
最后，我们需要对我们刚刚设计的Media Queries进行测试，想要在不同设备上测试Media Queries的效果，可以使用一个浏览工具来检验不同尺寸屏幕下的显示效果，在这里为大家介绍一个不错的在线工具 – Responsivator，它可以模拟iPhone等各种不同设备，并且还可以自定义不同尺寸屏幕的显示效果，只需要输入一个url甚至是本地的一个url（如：http://127.0.0.1/），就可以看到网站在不同尺寸屏幕下的显示效果。
8、通过Media Queries实现响应式布局设计
好了，我们明白了什么是Media Query，那我们一起来运用到响应式布局的设计项目中去。设计思路很简单，首先先定义在标准浏览器下的固定宽度（假如标准浏览器的分辨率为1024px，那么我们设置宽为980px），然后用Media Query来监测浏览器的尺寸变化，当浏览器的分辨率小于1024px的时候，则通过Media Query预设的样式表来将页面的宽度设置为百分比显示，这样子页面的结构元素就会根据浏览器的的尺寸来进行相对应的调整。同理，当浏览器的可视区域改变到某个值（假如为650px）的时候，页面的结构元素根据Media Query预设的层叠样式表来进行相对应的调整。看看我们的例子：
/* 当浏览器的可视区域小于980px */
@media screen and ( max-width: 980px ) {
#wrap {width: 90%; margin:0}
#content {width: 60%;padding: 5%;}
#sidebar {width: 30%;}
#footer {padding: 8% 5%;margin-bottom: 10}
/* 当浏览器的可视区域小于650px */
@media screen and ( max-width: 650px ) {
#header {height:}
#searchform {position:top: 5right: 0;}
#content {width: float: margin: 20px 0;}
#sidebar {width: 100%; float: margin: 0;}
通过上面我们就可以监测浏览器的可视区域变化的时候我们的页面结构元素也会相对应的变化，当然你可以再多设置几个尺寸的监测层叠样式表，这样子就可以根据不同尺寸设备来进行响应式的布局。为了更好的显示效果，我们往往还要格式化一些CSS属性的初始值：
/* 禁用iPhone中Safari的字号自动调整 */
-webkit-text-size-adjust:
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
/* 设置图片视频等自适应调整 */
max-width: 100%;
width: auto\9; /* ie8 */
.video embed, .video object, .video iframe {
width: 100%;
最后要注意的是在页面的头部&head&&/head&之间加上下面这句∶
&meta name=“viewport” content=“width=device- initial-scale=1.0”&
meta viewport这个属性是在移动设备上设置原始大小显示和是否缩放的声明。
参数设置∶
width – viewport的宽度
height – viewport的高度
initial-scale – 初始的缩放比例
minimum-scale – 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放
比如一个移动终端屏幕显示最大宽度为480px，那么css代码如下：[2]
@media only screen and(max-device-width:480px){…/*此处为支持此移动设备的css样式代码，需将其放置于pc终端css代码之后覆盖之*/}
如果是大型的网站或项目，我们讲为各类型的移动终端独立编写css样式文件，此时的使用方式如下：
&link rel=”stylesheet” type=”text/css” media=”only screen and (max-device-width:480px)” href=”small_screen480.css”&
/*small_screen480.css即为对480px大小移动终端书写的css文件*/
css文件被区分引用，接下来的工作就是我们非常熟识的弹性布局了，另外再注意俩点，一是图片，在移动设备上，要做一些特定适合的小图片来匹配，如果单纯使用压缩的图片会失真，影响用户体验；二是在头部加入如下代码，目的是声明在移动设备上设置原始大小显示和是否缩放[2]
&meta name=”viewport” content=”width=device- initial-scale=1.0″&
最后说下IE浏览器，因为他不支持media Queries的，使用时需要引用一个Media Query Javascript解决，如下：[2]
&!–[if lt IE 9]&
&script src=”../../css3-mediaqueries.js”&&/script&
&![endif]–&
．觉唯设计[引用日期]
．响应式布局[引用日期]
企业信用信息