摘要：随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多 阅读全文

摘要：我们都知道在IE6 7 中用*display：block；*zoom：1；可以解决 inline-block 的兼容问题很多人认为IE6 7 是不支持inline-block的，严格来说应该是：IE6 7 对 inline-block 支持的不够完全这个要分两种情况来说：第一种：当块级元素设置：display：inline-block；IE6 7 就出现了不是我们想要的结果这样就需要我们前面提到的*display：block；*zoom：1 来做兼容了。第二种，当行内元素，如：span 设置：display：inline-block；就不会出现任何问题我们完全可以不去处理兼容问题。更多的请看： 阅读全文

摘要：文章出处：http://www.iyunlu.com/view/css-xhtml/55.html浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深入剖析其中的奥秘，让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 （Enclosing float or Clearing float）？很多人都已经习惯称之为清除浮动，以前我也一直这么叫着， 阅读全文