说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

如何让IE 10玩转响应式网站

HTML文档下载 WORD文档下载 PDF文档下载
自从IE10发布之日起,各种声音就围绕在开发者们的周围,但从11月份浏览器市场份额来看,足以说明IE10的种种优势,本文就来教你如何玩转IE10响应式网站。

通常,新版本的IE都会给开发者带来一些头疼的事情,正如前段时间微软承认IE曾经的确不够好,但现在好多了。所以开发者的福利来了,这种事情将一去不复返。实际上,支持各种Web标准的IE10已经足以媲美各个竞争对手。

IE 10增加了对十几种HTML5 API的支持,例如Web Sockets、Web Workers、历史API、拖曳API和文件API,访问微软IE 10开发者指南可以看到完整的支持列表。同样,IE 10提供了足够丰富的CSS支持,在许多新的CSS工具中都提供了动画、过渡和转换。IE 10还对下一代布局工具提供了实验性支持,例如CSS网格布局、CSS多列布局和CSS区域。

以上这些优点足以吸引大批的Web开发者,但在实际开发中,Web开发者应该注意以下两个缺点。

首先,尽管IE 10支持CSS灵活的框布局,但是只支持旧版而现在是非标准版的Flexbox(文档中仍然使用旧的语法)。非常希望微软能在更新中修正这个问题,但是现在,只有Chrome和Opera支持更新的Flexbox语法。

IE 10的另一个问题是与浏览器在Windows 8平板上的使用相关。Windows 8有两种“模式”,经典桌面和Metro用户界面。当IE 10运行在Metro模式(默认)时,有一个功能是允许将一个窗口“折断”在屏幕边缘,从而让浏览器窗口与其他应用程序并排打开,这对用户来说是非常好的功能,但是开发者需要关注这个问题——当折断窗口的时候,IE10将忽略任何宽度小于400像素的元视图标签,这也就意味着适用于较小屏幕的响应式布局无法使用折断模式,网站将会按比例显示。幸运的是,这里有个补丁,实际上,开发者Tim Kadlec在其博客上提供了具体的解决方案,详细信息请访问Kadlec的博客。

还需要注意的是,微软正在支持@viewport声明,而不是视图元标签(IE 10使用前缀:@-ms-viewport)。当视图元标签越来越被广泛支持(和使用)时,它还并不是任何W3C标准、草案或其他规范的一部分。

相关阅读:

IE10新功能解析 支持Media Query(图)

11月份浏览器市场份额 IE10已占据0.51%

董西成:Hadoop将在高速发展和完善中扩大优势! 【走近讲师】 华云数据郁珉:公有云市场八仙过海 价格不是唯一标准! Facebook、Twitter、Google移动广告之争 开发者的黄金时代=运维人员的恶梦? 研发团队平稳度过“从小到大”并非易事 诺基亚品牌手机不久将消失 Stephen Elop回应不是木马 看七家科技公司Logo的最初模样 移动UI框架Fries:私人定制最Sexy的用户界面 必须Mark!最佳HTML5应用开发工具推荐 百度技术开放日感悟:看百度如何获取大数据时代的“船票” 谷歌亚马逊微软的烧钱游戏 拉手网CTO官冲:团购网在大数据应用上的探索 究竟谁真正关心比特币,不妨看看基于大数据的百万条推特分析 Firefox 29正式版:高度自定义模式、全新菜单和Australis UI 冼茂源:HBase在垂直搜索业务以及数据存储中的应用! 阿里云计算北京布点 全球第三个云数据中心开放 【走近讲师】友友天宇CEO姚宏宇:与行业结合是私有云厂商的重要出路 万亿移动支付产业的难点和痛点 削减硬件运营成本?亚马逊或自主研发ARM架构芯片 开源框架eMobc:XML开发原生移动应用so easy iOS应用安全开发,你不知道的那些事 市场化API的十个捷径 MongoDB和Cloudera结盟,欲征服大数据市场 红帽收购Inktank,将统一Gluster与Ceph? 那些巨头公司Logo是这么演变来的…… 以史为镜,剖析PaaS大迷局 “心脏出血”还不够?又曝OAuth和OpenID登录漏洞 走近讲师:搜狐于顺治讲述搜狐PaaS云平台实践之路 AppFlood 2014 Q1报告:亚洲和中东市场成为开发者出海首选 华为联合运营商构建能力开放平台 Facebook产品设计主管:揭秘公司如何招聘优秀设计师 关于集合的一个小问题 最菜的问题,100分白送!!! 很基础问题,脑子不清楚,大家帮忙看看 紧急问题! 终于 知道MESSENGER 只是 WIN2K 的服务了! 那么 这 个怎么办?? 请问以下我如何实现一个带滚动条的子窗口 问一下,resin和iis集成后class文件放在什么目录下 用 http://www.rc80.com (c# + sqlserver2000) 只想换一个.net 的完整的分页代码! 一个Corba客户端连接的问题! 如何在resin中设置wap服务器功能 大家帮忙!! 什么时候用DataGrid,什么时候用DataList? 怎么样从数据库里取得某字段的值??? 昆腾的硬盘修理找谁啊?急,UP有分........ www.webmatrixhosting.net免费空间中FTP文件上传问题 Apache 2.0.43 +Tomcat 4.1.24+mod_jk2-2.0.43.dll整合问题出现:The servlet container is temporary unavailable or being upgraded 我装的Delphi7好像丢了一个文件:Proxies.pas,哪位好心人给我一个? 人,真脆弱! 开水房追女之呕心沥血计划 (超暴笑) 孤独 急!!Image对象如何设置成为透明的???Thanks! 【憋的慌】大头、阳光呢!!! 关于FLASHMX的遮罩问题 一个问题,想不通! 【憋的慌】死水、一辉呢!!! 急!!!急!!!怎么在建表时使用一个时间函数??就是指出加这条这条文件的时间?? 【憋的慌】蓝心、风呢!!! 怎么获得一个应用程序的图标,比如我用进程ID,获得其主模块,然后怎么办! 【憋的慌】冰冰、贝贝呢!!! 我获得一个服务,可以检验综的状态什么的,可我想获得除了这个以后的东西比如:.... 【憋的慌】珊珊艾、CoolSlob呢!!! 关于adodc控件删除的求救 【憋的慌】冰儿、江风呢!!! 关于Apache wuxuan、kingzai、jemmylau各位版主,请问怎样才能得更多的可用分?我看有些人有几千分,真不解。 提示问题!菜鸟问题马上送分 请问哪有php安装程序下载? [散分]探望qxjavajava 使用gdiplus.lib出现下面的错误? 讨论MVC--Model这块的实现方法(不用EJB的情况)??还有那里有可以自动生成DAO和VO的比较不错的工具吗? 关于网络传销 关于个人bean的问题!!!! windows 2003 server 下为什么不能装sql的任何版本 挑战性问题:ToolBar为何在客户区?而MainFrameWnd的在非客户区?(高分) 一个奇怪的问题 再搞不定我要自杀啦。。。。。。。 求助!测试数据库的师傅来看一下啊(adodc 对象编程) 请问,图书怎样分类,分哪些类比较科学? 推荐几个比较好的C++的论坛吧 谁能帮我一下! 请大家帮助 给50分!!!!!!! 一架飞机从高空向下投救援物资时,必须在到达救援目标____就将救援物资投出去,这是因为____,在_____方向保持自己原来的______关于初三物理牛顿第一定律和惯性的 I ___ tell her the truth.A.cannot help B.cannot but C.may not help D.could but 两地相距510km,两车相向而行,若同时出发,则5.1小时相遇,若乙车先出发2小时,两地相距510km,两车相向而行,若同时出发,则5.1小时相遇,若乙车先出发2小时,则驾车出发后四小时相遇, 16a槽钢立放,两端固定,中间悬空,3.2米长,承重多少? 英语英标中像“阿拉伯数字6上面再加一瞥”的那个音标是发“日 Let the boy --------[not leave】at once. 已知O为平行四边形ABCD对角线的交点,且三角形AOB的面积为1,则四边形ABCD的面积为多少大神们帮帮忙 Peter doesn't like eating chocolates.It tastes too (s——) 求初一素描科幻画 本人只会素描! 林可霉素的问题对肠球菌属、脑膜炎双球菌、淋病奈瑟菌和流感嗜血杆菌等革兰阴性菌以及真菌无活性 上面是林可霉素说明书的一段,请问他上面的无活性意思是指能杀死这些细菌让它一点 It tastes like chocolate中的like是什么词性,在句中做什么成分? a,b两地相距510千米,甲,乙两车分别由两地相向而行,诺两车同时出发五又十分之一小时相遇,诺乙车先出发2小时,则甲车出发4小时后相遇, 如图,四边形ABCD和四边形CEFG都是正方形,连接AF,M为AF的中点,连接MB、ME 求证:(1)MB=ME (2)MB⊥ME如图,四边形ABCD和四边形CEFG都是正方形,连接AF,M为AF的中点,连接MB、ME求证:(1)MB=ME(2)MB⊥ 1997减2分之一,然后剩下的减3分之一,以此类推,最后减去1997分之一,最后得多少?会的回答 How do you like hamburgers and potato chips? 20#a槽钢,跨度2.5m,平放,最大承受多重不会变形 一朵桃花劫不出桃子最可能被虫子破坏的结构式 A B 两地相距510km,甲 乙两车分别有两地相向而行.如果两车同时出发,那么两车5小又十分之一 小时相遇.如果乙车先出发2小时,那么甲车出发4小时后相遇,求两车速度. 这样做一个吊架用2根10#槽钢对焊做一个横担起吊12吨的箱变能吊起来吗.槽钢会不会变形呢 You'll regret______those words.You may hurt her feelingsA sayB to sayC having saidD to have said The bady drinks milk every day(对milk划线部分提问) 向心力只能改变物体的运动方向,不能改变运动的快慢? homework可数? My uncle drinks milk every day.一般疑问句并做肯定回答 如图,正方形ABCD和正方形CEFG的位置如图所示,BD与AF相交于点H.(1)求证:H为AF的中点;(2)若BD=DF=根号2,求正方形CEFP的面积. Because ut takes 4 kilos of grain protein to produce half a kilo of meat pro My son has many milk every day .那错了?怎么改?呜呜~(>_ 如图,正方形ABCD和正方形CEFP的位置如图所示,BD与AF相交于点H (1)求证:H为AF的中点(2)若BD=DF=根号2,求正方形CEFP的面积 甲乙两车分别从ab两地相向而行,甲车每小时行80km,乙车每小时行全程的10%,当甲车距离B地的路程与已行的路程之比是1:5时,乙车再行全程的八分之三到达A地,AB两地相距多少千米? My sister has many milk every day改错 英语 关于take placeShanghai has taken place many changes in the last few years.take place 可以这样用吗 这个故事发生在2012年,翻译成英语,用happen 还是take place 你不会不觉得跑进家来的小松鼠是可爱的吧?什么意思? homework可数吗?如题 是do homeworks 还是 homework? 哈奇小镇(魔法哈奇)的小翅膀在哪买? weekends,does,spend,his,how,brother,his(?)连词成句 甲乙两车分别从ab两地同时出发相向而行,甲每小时行80km 乙每小时行全程10%,当乙行到全程的5/8时,甲再行全程的1/6到达b地,1.ab两地相距多少km?2.甲车再行几小时到达B地?我知道第一问了,可第二 about today 歌词 some fruit 可以用单数也可以用复数吗?有何不同? 可否由F=mv^2/r得出v和离心初速度无关,只和向心力有关呢?但是按常理来说v的确与初速度有关啊? 甲乙两车分别从ab两地相向而行,甲车每小时行80km,乙车每小时行全程的10%,当甲车距离B地的路程与已行的路程之比是1:5时乙车再行全程的八分之三到达A地,求甲车再行多少小时到达B地?甲乙丙 Today we have a lesson in good h_______.We learn a lot about f_____and d_______.To be h_____,we eatToday we have a lesson in good h_______.We learn a lot about f_____and d_______.To be h_____,we eat n____ or r____and some vegetabies.They are healthy 镜子挂哪里好饿也 速度哦 How much______the pair of glasses?A.am B.is C.are选那一个? 靠卵繁殖后代的动物叫什么 镜子如何挂稳 (2.8)(7)(17.5)按照这样的规律,下面该写什么? 翻译 近几年人们的生活方式发生了巨大的变化(take place) Would you like more fruits?的答句是什么? 《未来的能源》科幻画应画什么内容?本人急需《未来的能源》科幻画的内容,各位大哥大姐小弟小妹们,帮帮本人,非常急!今天就要,否则死定了!2006年2月9日 xqc110 用肺呼吸,产有硬壳的卵来繁殖后代的动物是什么快! 对面邻居门上挂镜子我怎么样能破解 科幻画,要画未来的东西,画什么呢? 除猫头鹰外,其它大部分猛禽是不是也像鸡那样只能白天活动,晚上看不到东西,睡觉? 林可霉素利多卡因凝胶可以涂在龟头吗 he had not the courage to tell her the truth.嘛意思好像这句子不符合语法."没勇气" 不应该是“didn't have the courage ”再说have加not 应该是完成时吗 不可数名词是不是前面不能有冠词 那不可数名词可不可以什么都不带 好像He told me news 这样可以吗 林可霉素和什么药物配伍啊? Tell her not ___ hurt herself. She wants (one kilo of)meat对括号部分提问 圣马力诺执政官会见王毅王毅同圣马力诺外长瓦伦蒂尼会谈美国对监听国家分“三六九等”纽约手机可接收紧急警报韩国向美国求证韩总统是否遭窃听 但美猫鼬欲擒毒蛇当美食遭反击败阵(组图)中国赴刚果(金)维和工兵分队顺利通过羊晚集团派工作组对新快报存在问题进行美国在罗马尼亚的反导基地开建纽约手机可接收紧急警报强风暴过境德国致多地交通瘫痪美国与新西兰恢复联合军演国务院批复绍兴撤销绍兴县设柯桥区 撤Google加产数万副谷歌眼镜 20世行报告称全球营商环境改善翘臀又嘟嘴 壮汉翻拍“性感照”遭吐槽日本进入“胖女时代”或因对瘦人审美疲12岁黑客入侵加拿大政府网站 辩称仅11年来最强风暴袭英国 海陆空交通大英首相:媒体爆料美监听丑闻是“资敌”美国在欧反导基地开建 防范伊朗导弹引河北扶贫开发28年 489万贫困人口业内提醒勿盲目抄底旅游产品 网售火爆3倍工资,你拿到了吗?京剧唱“洋腔”亚洲的“布莱尔”峨眉山3000米悬崖捡垃圾警方会适时采取行动一天开奖80次易玩、易中、乐趣多中国全境可看“红月亮”蒙古政界或重新洗牌今天好天气企业有无不良记录一查便知“河南三宝”走进贵州清理16万“吃空饷”人员直升机喷洒农药孕期如何应对失眠困扰万峰林景区美食展火爆网民渗透率超六成> 生活指数国庆七天乐有“彩”更快乐
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘