个人总结精品学习手册.docx

个人总结精品学习手册工具 是官方所支持的 检测工具。在使用了的页面上(没有对做修改和扩展的情况下),它能自动检查某些常见的错误。纯粹的组件需要固定的结构。就能检测你的页面上的这些“纯粹”的组件是否符合的结构规则。建议将加入到你的开发工具中,这样就能帮你在项目开发中避免一些简单的错误影响你的开发进度。社区有成熟、强大的社区。如果你希望随时获取的最新消息,请关注以下社区资源。阅读并订阅 官方博客。通过( 服务器)与其他粉丝交流,我们在 频道。如果使用过程中遇到问题,请在 上交流。请搜索  关键词。对于为修改或添加功能的开发者,如果需要将自己修改的版本发布到  或其他分发渠道时,应当为自己的包添加  关键字,以便大家能够通过关键字了解你所发布的东西。参观其他同学基于构建的网站,请进这里: ,这里有最新的八卦和有趣的视频。(:(原来和技术不沾边啊!)中国用户请关注我们的官方微博账号:中文网。我们定期分享新技术和新资讯。禁止响应式布局会自动帮你针对不同的屏幕尺寸调整你的页面,使其在各个尺寸的屏幕上表现良好。下面我们列出了如何禁用这一特性,就像这个非响应式布局实例页面一样。禁止响应式布局有如下几步:移除 此文档中提到的设置浏览器视口()的标签:<>。通过为  类设置一个  值从而覆盖框架的默认设置,例如 :; 。请确保这些设置全部放在默认的文件的后面。注意,如果你把它放到媒体查询中,也可以略去 。如果使用了导航条,需要移除所有导航条的折叠和展开行为。对于栅格布局,额外增加 * 类或替换掉 * 和 *。不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。针对仍然需要额外引入文件(由于仍然利用了浏览器对媒体查询()的支持,因此还需要做处理)。这样就禁用了对移动设备的响应式支持。禁止响应式特性的模版我们已经按照上面的步骤制作了一份案例。仔细阅读其源码并对照上面的步骤实践一下吧。非响应式布局实例从版本升级到版本你在找从老版本升级到版本的方法吗?请查看我们整理的升级指南吧。浏览器和设备的支持情况的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,但是功能是完整的。被支持的浏览器 支持 支持 不支持 支持 不支持 支持 支持 支持 支持 支持 支持 支持 支持 支持 不支持特别注意,我们坚决支持这些浏览器的最新版本。在平台,我们支持 。请看下面列出的详细信息。在和版、版和上的表现也是很不错的,虽然我们不对其进行官方支持。浏览器列表中列出了影响正常功能的浏览器。和和是被支持的,然而,你要知道,很多属性和元素例如,圆角矩形和投影是肯定不被支持的。另外, 需要  配合才能实现对媒体查询()的支持。 不支持 支持 不支持 支持 不支持 支持,   不支持 不支持兼容模式不支持古老的兼容模式。为了让浏览器运行最新的渲染模式下,建议将此 <> 标签加入到你的页面中:<"""">按  键打开的调试工具,就可以看到当前的渲染模式是什么。此标签被包含在了所有文档和实例页面中,为的就是在每个被支持的版本中拥有最好的绘制效果。国产浏览器高速模式国内浏览器厂商一般都支持兼容模式(即内核)和高速模式(即内核),不幸的是,所有国产浏览器都是默认使用兼容模式,这就造成由于低版本(及以下)内核让基于构建的网站展现效果很糟糕的情况。幸运的是,国内浏览器厂商逐渐意识到了这一点,某些厂商已经开始有所作为了!将下面的 <> 标签加入到页面中,可以让部分国产浏览器默认采用高速模式渲染页面:<"""">目前只有浏览器支持此 <> 标签。希望更多国内浏览器尽快采取行动、尽快进入高速时代!中的和并没有对 屏幕的宽度 和 视口()的宽度 进行区分,这就导致中的媒体查询并不能很好的发挥作用。为了解决这个问题,你可以引入下面列出的这段代码暂时修复此问题:复制{:;}然而,这样做并不能对 (.) 版本之前的设备起作用,由于这样做将导致设备按照桌面浏览器的方式呈现页面,而不是较窄的“手机”呈现方式,为了解决这个问题,还需要加入以下和代码来化解此问题。{:;}{:;}{:;}{:;}{:;},()((\\)){('')(('{}'))('')()}模态框、导航条和虚拟键盘超出范围和滚动<> 元素在和上对 : 的支持很有限。结果就是,在这两种设备上的浏览器中,当你滚动屏幕超过模态框的顶部或底部时,<> 中的内容将开始随着滚动。虚拟键盘还有,如果你正在使用定位的导航条或在模态框上面使用输入框,还会遇到在页面绘制上的,当触发虚拟键盘之后,其不会更新定位的元素的位置。这里有几种解决方案,包括将定位转变为 :定位,或者启动一个定时器手工修正组件的位置。这些没有加入中,因此,需要由你自己选择最好的解决方案并