Web 开发者需要经常更新他们的知识，学习新的技术，如果他们还想继续在 Web 开发领域混并混得还不错的话。下面将为你展示 7 项新的Web开发技术，作为一个Web开发人员，你需要了解、熟悉并学会的技术。 CSS3 media queries目前，大量的智能手机设备的涌现，同时各种不同尺寸屏幕的设备，如平板电脑之类的出现，对Web开发带来了前所未有的挑战，如何让 Web 页面能适应各种尺寸的屏幕让很多 Web 开发人员相当的纠结。幸运的是 CSS3 规范可帮我们轻松的解决此事，你可以根据不同尺寸的屏幕定义不同的 CSS 样式。 例如，下面的代码只在屏幕显示区域大小为 767px 的时候才有效： @media screen and (max-width:767px){
#container{
width:320px;
}
header h1#logo a{
width:320px;
height:44px;
background:url(image-small.jpg) no-repeat 0 0;
}
}
更详细的信息请阅读: Create an adaptable website layout with CSS3 media queries Font resizing with REMsCSS3 引入新的字体尺寸单位 rem (root rm) em 单位是相对于父节点的 font-size ，会有一些组合的问题，而 rem 是相对于根节点（或者是 html 节点），意思就是说你可以在 html 节点定义一个单独的字体大小，然后所有其他元素使用 rem 相对于这个字体的百分比进行设置。 html { font-size: 62.5%; }
body { font-size: 1.4rem; } /* =14px */
h1 { font-size: 2.4rem; } /* =24px */
更多关于 rem 的内容请看: Font resizing with REMs Cache pages for offline usageHTML5 引入了一个强大的特性：离线缓存。该特性可让你告诉浏览器缓存某些页面，使得用户可以在离线的情况下再次访问该页面。 要缓存页面非常简单，首先在你网站的 .htaccess 文件中添加如下一行： AddType text/cache-manifest .manifest 然后你可创建一个文件如 offline.manifest ，包含如下内容： CACHE MANIFEST CACHE index.html style.css image.jpg 最后，在 html 节点中增加： <html manifest="/offline.manifest"> 就这么多。 |
