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

如何让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%

VB用WinSock设计Chat程序 运用MSChart,生成统计图形-VB资料 向文本框等等控件的系统右键菜单里追加自己定义的菜单-VB资料 在VB中用定时控件实现长定时操作 在Visual Basic中,在GotFocus事件中快速选定文本 在程序中注册和注销 OCX 控件 -VB资料 在运行时维护DBGRID的栏位宽度-VB资料 VB怎样使用VB开发基于Sybase的C/S软件 VB怎样在运行时动态生成多个相同的控件 直接编辑VB中网格控制项的两种方法 自制控件方面的有关知识-VB资料 Unicode vs Ansi -VB资料 VB 中调用 Word 拼写检查 VB4.0安装程序的汉化 VB中对字符串的处理及其扩展 把符串中的一子串替换为另一子串 -VB资料 把数字转成英文字-VB资料 翻转一个字符串-VB资料 混合字符串的长度 -VB资料 将阿拉伯数字转成中文字的程式 -VB资料 将包含有Null结尾的字符串转换为VB字符串 切分字符串-VB资料 清除字符串中指定的字符 -VB资料 VB如何取得计算机的所有字型? VB如何取得中英混合字符串的长度? 使VB的网格控件具有输入功能 VB如何使用未安装的字体? VB如何由两个ASC码(区位码)复原成一个汉字? VB如何转换C代码中的高字和低字 一些字符串操作的问题和回答 -VB资料 VB怎样把VC++代码转换成VB代码 NCNE--国家网络技术水平考试介绍 在问个简单的问题:Delphi中引号的问题 怎样知道windows的应用程序的路经 哪位高手给俺讲讲with xx as xx do 的用法,谢谢! 很菜的问题 请前辈进,请高手进!!! 那位仁兄有JAVA开发的五子棋游戏,我用一套软件交换 怎样用com技术C/S三层做中间件和使用,谈一点原理和实例。 高手请进 100分!!!!!!!!!!! NCNE 国家网络技术水平考试 介绍 软键盘的问题?UP有分 关于装配件的问题 想购买一套人事管理系统的源代码!!!!!!!!!!!!!!!!!!!!!!! 对话框中标题栏上面的颜色如何改? 对服务器来说,内存更重要还是运算更重要? 关于jdk与windows xp 我举报:信息产业部的领导根本没有学习好“三个代表” 聘驱动开发人员!!! 本人在运行REALPLAY8.0的时候出现了这样的错误窗口. 普通常量与符号常量有何区别,怎样使用? 怯怯地问: 问题一:我的网页是用表格分的区域,把表格线设为0 ,但加了背景后 ,背景上总是有一小条白线 ,那是表格的边框线 , 问怎么办? 这个不是太难,但很不简单! 报错---[Linker Fatal Error]Fatal:Expected a file name:,什么原因?大虾指教,在线等待 远程调用时传输数据的问题! 2000 不能正常关机 初当网管,请教大家都用什么工具? IIs重新启动一个web服务出现死机,怎么回事? 问题二 :我做了个POP窗口 ,我想在POP窗口打开时是固定大小的 ,不能调整, 该怎么弄? 希望有一个网络安全的开发专版 关于中国万网的域名解析问题。急救! IIs重新启动一个web服务出现死机,怎么回事? 系统提示有错啊! 请教各位高手,本人在运行REALPLAY8.0时出现以下错误提示! 用javascript如何判断textbox中的串是否是汉字及其个数? 用DELPHI的都是一些比较菜的程序员的工具!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 数据更新的问题 QueryString 多参数如何分隔?? 《C++ Primer》和《C++ Language Programming》有类似吗?是否都买来看? 请哪位大虾谈谈计算机语言语言与数学的关系。 “金环天朗通信技术发展有限公司公司”怎么样?请知道的兄弟姐妹介绍一下。 请教高手:一个很菜的问题 谁有usb开发相关资料??? 俺只有一个邮箱,申请不了马甲!怎吗增加可用分? 高手请进(ym 高分俸上) 编程和数学有什么关系? 不使用IIS日志如何统计windows下一个站点的流量? 如何用C++builder从AVI格式文件抓帧形成bmp格式图像 <<C++沉思录>> 无组件上传和下载? 无组件对文本操作? 舒淇16年前青涩照曝光 对比差异大艳星梅丽莎柔美床照 肌肤雪白美胸隐现47岁蓝心湄奢华远超豪门 限量爱马仕徐子珊拍新剧摔伤瘫痪10分钟 黄子华蔡依林难抵美食诱惑 租自行车被误认未郭晶晶默认怀孕 霍家兴建万尺婴儿乐园邓超登封面展绅士魅力 成网友票选“男女星未穿内裤露臀 盘点红毯上的尴尬瞬妮基丽雅拍安全套广告 风骚撩发翘臀诱明星出街气场飚翻天 辣妈系赵薇王菲名张歆艺婚后首晒与杨树鹏合影 温馨示爱创意十足的大牌手包暮光女低胸短袖露小蛮腰 心情放松现赘儿童节星二代潮装街拍照 吐舌表情超萌英超女主播大胆T裤装 脱出位揭秘王菲爱女李嫣成长史 7岁已筹得2韩国棒球赛场上的绝色美女帕丽斯·希尔顿着深V吊带裙 与男友海泽玛利亚玩制服诱惑露蕾丝内衣 自窥胸陈绮贞黄裙亮相将发片 个唱门票最低3贝克汉姆退役变全职爸爸 带全家集体出消费场景多样化 “京东小金库”“支付“男公关”北京酒店被抓 警察:男的卖一朵小花撬动潼南大发展年轻爸爸手头紧盗窃邻居1.9万 不为菜花节十周年 《星光大道》重庆赛区1又是一年开学季 重庆市教委提醒:当心[囧图]原来歪果仁也看不懂他们医生写最高法第三巡回法庭首次到巡回区法院巡古蔺小伙去世 捐6枚组织器官福建将开启京剧巡演 展示国粹发展成近2万只赤麻鸭“现身”青海湖 历史同港府为在陕港企解税法之“惑” 促陕港这是一名共享单车运营的日常2017潼南陈抟故里菜花节28日开幕重庆抗击雪灾确保通信安全 退服基站基张俊杰: 建立产学研技术平台 提高实卫计部门联防联控应对H7N9 专家交通银行党委委员、首席风险官杨东平严小贷公司贷款余额近万亿元 行业规模近对话长安区长王强:栽好梧桐树 为大西美大学民调:大部分美国人信媒体胜过信
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘