玫瑰余香20100615的专栏

例子代码如下：拖放.container {    border: 1px solid #CCC; width:324px; height:324px;    float:left;}.content {    background-color: #FAA;    width:324px; height:324px;    float:le

设计一个网站，布局可能是最生要的元素之一。当你网站的用户理解你的布局和喜欢上你的网站布局，他们用起来很开心，这样用户会在你的站点呆的时间更长，甚至会定期访问你的网站。我们通过导航能浏览一些高质量的内容，但由于网站混乱的设计和完全乱套的布局，我们第一反应，那就是尽可能快的离开这个网站。从小屏幕（240px）到超大的屏幕（1920px以上）,没有一个标准的布局可以适合这些不同屏幕的尺寸。到目前

随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不