25
09 月

以前我写了一篇关于如何为自适应网页制作教程手机导航菜单,现在我又摸索出一种无需JS脚本的自适应导航菜单,它采用纯粹的语义化HTML5标签来完成。该菜单可以左对齐,居中或右对齐,也不像上一种方法中需要点击来展开列表,本例中悬停激活更加方便,而且它能通过标记表明当前位置。它适用于所有的移动和桌面浏览器,[……]

阅读全文

19
05 月

自适应网页设计近来很流行,如果你接触比较少请参见 responsive sites。当然,对一个新手来说可能听起来有点复杂,其实它比你想象的简单多了。这里是一个快速教程,通过学习你会自适应网页和media queries的基本原理(前提你有css基础)。

查看演示 Demo

Step 1:M[……]

阅读全文

31
05 月

当今屏幕分辨率从 320px (iPhone)到 2560px (大屏显示器)或者更大。人们也不再仅仅用台式机来浏览网页,现在有手机,平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择,网页设计需要有自适应性。网页的布局需要能够根据不同的分辨率和设备来自动调整,以达到到最佳显示效果。接下来会[……]

阅读全文